Quick View Popup for WooCommerce – Storzen

説明

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.

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.

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). 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. Shopper adds the item to cart — popup closes automatically — and continues browsing without ever leaving the shop page

No shortcodes. 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). Receives $threshold (int) and $product (WC_Product).

`php

add_filter( ‘storzen_qv_low_stock_threshold’, function( $threshold, $product ) {
return 3; // Show amber badge when stock is 3 or fewer
}, 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; // Minimum order of 2
}, 10, 2 );
`

storzen_qv_max_quantity — Filter the maximum purchasable quantity in the popup quantity selector. Defaults to WC_Product::get_max_purchase_quantity().

`php

add_filter( ‘storzen_qv_max_quantity’, function( $max, $product ) {
return 10; // Cap at 10 per order
}, 10, 2 );
`