manifest / ecommerce / wc-product-popup-pro

WC Product Popup Pro

Display WooCommerce products in a beautiful AJAX popup with variable product support, upsells, frequently bought together, and more.

by Asraful Islam · github.com/asrafuldev/wc-product-popup-pro · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/asrafuldev/wc-product-popup-pro/archive/refs/heads/master.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/asrafuldev/wc-product-popup-pro ↗

Display WooCommerce products in a beautiful AJAX popup with variable product support, upsells, frequently bought together, and more.

Description

WC Product Popup Pro lets your customers view products in an elegant AJAX popup without leaving the current page. Perfect for shop archives, Elementor Loop Grids, and any page where you want quick product previews.

Features

AJAX-powered popup — no page reload
Main product display (image gallery, title, rating, price)
Full variable product support with live variation updates
Quantity selector (AJAX add to cart)
Upsells display
Frequently Bought Together (order data-driven)
Related products fallback
View Cart & Checkout buttons after add to cart
Elementor Pro Menu Cart auto-refresh
WooCommerce Cart Fragments support
Mobile responsive design
Modern UI with smooth animations (Fade, Slide, Zoom)
Zero jQuery dependency — vanilla JavaScript
OOP architecture with namespaces
Secure: nonce verification, sanitization, escaping throughout
Translation ready (.pot file included)
Rich hooks & filters for developers
Comprehensive settings page
Theme template override support
RTL support
Reduced motion support (prefers-reduced-motion)

Usage

Shortcodes:

[wc_product_popup] — Basic usage inside the WooCommerce loop

[wc_product_popup button="Quick Buy"] — Custom button text

[wc_product_popup style="modern"] — Alternative button style

[wc_product_popup id="123"] — Show popup for a specific product

Elementor Integration:

Simply drop the shortcode into your Loop Item template:

[wc_product_popup]

Each product automatically opens its own popup.

Template Overrides

Copy files from the plugin's templates/ folder to your theme to override:

your-theme/wc-product-popup-pro/popup.php

your-theme/wc-product-popup-pro/product.php

your-theme/wc-product-popup-pro/upsells.php

your-theme/wc-product-popup-pro/cart-success.php

Hooks & Filters

The plugin provides numerous hooks and filters for developers:

Actions:

wcppp_initialized — After all plugin components are initialized
wcppp_before_product — Before popup product content
wcppp_after_product — After popup product content
wcppp_added_to_cart — After product is added via popup AJAX

Filters:

wcppp_button_text — Filter trigger button text
wcppp_button_classes — Filter trigger button CSS classes
wcppp_shortcode_html — Filter shortcode output HTML
wcppp_popup_response — Filter popup AJAX response data
wcppp_add_to_cart_response — Filter add to cart response
wcppp_fbt_product_ids — Filter frequently bought together product IDs
wcppp_gallery_ids — Filter gallery image IDs
wcppp_rating_html — Filter rating HTML
wcppp_price_html — Filter price HTML
wcppp_is_popup_disabled — Filter whether popup is disabled per product
wcppp_custom_button_text — Filter custom button text per product
wcppp_cart_fragments — Filter cart fragments
wcppp_sanitize_settings — Filter sanitized settings before save

Installation

Upload the wc-product-popup-pro folder to the /wp-content/plugins/ directory
Activate the plugin through the 'Plugins' menu in WordPress
Requires WooCommerce to be installed and activated
Go to WooCommerce → Product Popup to configure settings
Add [wc_product_popup] shortcode to your pages or Elementor templates

Frequently Asked Questions

Does this work without WooCommerce?

No. WooCommerce must be installed and activated.

Does it work with Elementor?

Yes. Use the Shortcode widget in your Elementor Loop Grid template.

Does it support variable products?

Yes. Full variable product support with live price and image updates.

Is jQuery required?

No. The plugin uses vanilla JavaScript for maximum performance and compatibility.