Quick View Popup for WooCommerce – Storzen

Descripción

Quick View Popup for WooCommerce – Storzen is a fast, lightweight WooCommerce quick view plugin that lets shoppers instantly preview any product in a smooth AJAX-powered popup — without leaving the shop or category page.

No more back-and-forth navigation. Customers view product images, price, stock status, rating, description, and add to cart — all inside a single popup modal. Less friction = more conversions.

Works on shop pages, category pages, search results pages, and related/upsell sections. Fully compatible with WooCommerce Blocks (Gutenberg / FSE), High-Performance Order Storage (HPOS), and all modern WooCommerce themes.

View Documentation

Why WooCommerce Stores Need Quick View

Every extra click between a shopper and the Add to Cart button is a chance to lose them. Most WooCommerce stores send customers to individual product pages just to check basic details — and many never return to browse.

Storzen Quick View eliminates that friction:

• Shoppers preview products instantly — no page reload
• Browse more products in less time
• Add to cart directly from the popup
• Lower bounce rates from the shop page
• Higher pages-per-session and conversion rates

Key Features

AJAX-Powered Product Popup
Click (or hover) any product and a modal opens instantly with all key details loaded via AJAX — no page reload, no waiting.

Quick View Button on Shop, Category & Archive Pages
A “Quick View” button is automatically added to every product card across shop, category, tag, and search result pages. No shortcodes needed.

Variable Product Support — Full Variation Selection in Popup
Variable products now show a complete variation form inside the popup — shoppers can choose Size, Color, or any other attribute and add directly to cart without visiting the full product page. Uses native WooCommerce variation JS for full compatibility.

Shortcode Support
Place a Quick View button anywhere using [storzen_quick_view id="123"] — works in page builders, widgets, custom templates, and anywhere WordPress shortcodes are supported.

Full Design Control — No CSS Required
Customize the button appearance and modal size directly from the settings panel:

• Button background colour & text colour (colour picker)
• Button border radius (0 = square, 50 = pill)
• Modal popup max-width (480–1400 px)
• Button label text
• Button position: On image / Below title / Below price
• Button icon style: Eye (fill, outline, stroke), Search, Zoom
• Popup open animation: Slide Up, Fade, Zoom In, None

Product Image Gallery in Popup
A thumbnail strip below the main image lets shoppers browse all product photos without leaving the popup. Click any thumbnail to instantly swap the main image — no extra AJAX call, no page reload.

Stock Availability Badge
A colour-coded “In Stock” (green) or “Only N left!” (amber) badge appears below the price. Urgency cues at the decision moment are proven to lift conversion rates. The low-stock threshold is developer-filterable via storzen_qv_low_stock_threshold.

Quantity Selector in Popup
Customers choose their quantity using +/− buttons directly inside the popup before clicking Add to Cart — no need to visit the product page just to change the quantity. Min/max purchase quantities are respected and filterable via storzen_qv_min_quantity and storzen_qv_max_quantity.

Star Rating with Review Count
The product’s average star rating and total number of reviews are shown inside the popup — linking directly to the reviews section for trust and social proof at the exact moment of decision.

Product Category Badge
A linked category badge above the product title helps shoppers understand the product context and navigate to related items — without leaving the popup. Skips “Uncategorized” automatically.

Hover or Click Trigger
Choose whether the Quick View button opens on click (default) or automatically after a short hover pause (300 ms debounce). Click always works as an accessibility fallback in hover mode — touchscreens and keyboard users are never blocked.

Popup Open Animation Presets
Four CSS-only popup entry animations: Slide Up (default), Fade, Zoom In, or None. Zero extra libraries — pure CSS @keyframes. Switch from the Design tab.

Disable on Mobile
A single toggle hides the Quick View button on mobile devices — useful for stores with a dedicated mobile checkout flow. Uses WordPress core wp_is_mobile().

Choose Which Pages to Show It On
Control Quick View button visibility independently across: Shop page (+ tag & search archives), Category pages, and Related/upsell products on single product pages.

Keyboard Accessible & Screen Reader Friendly
Full accessibility compliance: focus trap inside the modal while open, Escape key to close, ARIA role="dialog", aria-modal="true", and descriptive aria-label attributes on every interactive element including the trigger button, close button, quantity controls, and gallery thumbnails.

Auto-Close After Add to Cart
The popup closes automatically after a successful WooCommerce AJAX add-to-cart — shoppers are returned to the shop loop instantly, ready to keep browsing.

Multisite Compatible Uninstall
When the optional “Remove data on uninstall” toggle is enabled, uninstall.php cleanly removes plugin options on all sites in a Multisite network — not just the main site.

Performance-Friendly Asset Loading
CSS and JavaScript are only enqueued on pages where the Quick View button is shown (shop, category, tag, search, single product) or where the [storzen_quick_view] shortcode is present. Zero overhead on checkout, cart, account pages, and homepage.

Works with Any WooCommerce Theme
Fully compatible with all well-coded WooCommerce themes out of the box — no extra configuration required.

Perfect For

• Fashion & apparel stores with size/colour variants
• Electronics & gadget shops where specs matter
• Large product catalogs where fast browsing improves discovery
• Agencies building WooCommerce stores for clients
• Any store focused on conversion rate optimization (CRO)

How It Works

1. Shopper hovers or clicks on a product card in the shop
2. Quick View button appears (or is always visible, based on your position setting)
3. Button click (or hover pause) opens a smooth popup modal
4. Product details load instantly via AJAX — image gallery, price, stock badge, rating, description, quantity selector
5. For variable products — variation dropdowns appear; shopper selects size/color and adds to cart
6. Popup closes automatically after add-to-cart — shopper continues browsing without a page reload

No shortcodes required for shop loops. No page builder required. No coding.

Developer Hooks

storzen_qv_low_stock_threshold — Filter the stock quantity at which the “Only N left!” amber badge is shown (default: 5).

`php

add_filter( ‘storzen_qv_low_stock_threshold’, function( $threshold, $product ) {
return 3;
}, 10, 2 );
`

storzen_qv_min_quantity — Filter the minimum purchasable quantity in the popup quantity selector (default: 1).

`php

add_filter( ‘storzen_qv_min_quantity’, function( $min, $product ) {
return 2;
}, 10, 2 );
`

storzen_qv_max_quantity — Filter the maximum purchasable quantity in the popup quantity selector.

`php

add_filter( ‘storzen_qv_max_quantity’, function( $max, $product ) {
return 10;
}, 10, 2 );
`