內容簡介
Quick View Popup for WooCommerce – Storzen 是一款快速、輕量的 WooCommerce 快速檢視外掛，讓顧客能在不離開商店或分類頁的情況下，即時預覽產品，提升轉換率。
【主要功能】
• AJAX 驅動的產品彈出視窗
• 自動在商店、分類及搜尋結果頁添加快速檢視按鈕
• 支援變數產品，彈出視窗內可選擇變數
• 簡碼支援，可在任意位置放置快速檢視按鈕
• 降低跳出率，提高每次會話頁面數
外掛標籤
開發者團隊
② 後台搜尋「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.
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
Shopper hovers or clicks on a product card in the shop
Quick View button appears (or is always visible, based on your position setting)
Button click (or hover pause) opens a smooth popup modal
Product details load instantly via AJAX — image gallery, price, stock badge, rating, description, quantity selector
For variable products — variation dropdowns appear; shopper selects size/color and adds to cart
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 );
`
