~/plugins/quick-view

Underpixel Quick View

Product quick view for WooCommerce. A Quick view button on your shop pages opens the product in a popup, so shoppers see the photos, pick a variation or option and add to cart without leaving the list.

Notify me at launch Try the live demo

Coming soon to WordPress.orgRequires WooCommerceWordPress 6.6+ · PHP 8.0+Free + Pro

yourshop.com/shop

01 / 05Quick view popup

WHAT IT DOES

Let shoppers look closer without leaving the shop page

Quick view popup

Full photo gallery, price, description and Add to cart in a popup. On phones it slides up from the bottom.

Your swatches and options work

The popup loads the product's real add-to-cart form, so tested swatch, option and quote plugins work inside it.

Safe fallback

If the popup cannot load, the button opens the normal product page. It uses your theme's own button and form styles.

TRY IT · LIVE PREVIEW

Change the settings, then press Quick view

This is a working copy of Quick View's General settings and a small sample shop. Nothing is sent anywhere.

Live preview · nothing is sentLIVE DEMO

Quick View settings

WooCommerce → Quick View → General

Button text

Button position Under Add to cart On the product image

Demo only. On a real shop the popup shows your product's own form, gallery and theme styles.

FREE VS PRO

Start free, upgrade when you want more control

Free

Coming soon to WordPress.org

RM0

WordPress 6.6+ · PHP 8.0+

Quick view button on shop, category and search pages
Full image gallery, switches to the variation's image
Variable products and tested swatch plugins
Tested product-options plugins and quote buttons in the popup
Add to cart in the popup, cart count updates
Phone layout: slides up, swipe down to close
Works with cache plugins and "load more" lists

Notify me at launch

PRO

Pro

Everything in Free, plus

RM22/month

or RM169/year · 1 site

Next / previous product in the popup
Image zoom on every theme, tap to zoom on phones
Related products in the popup
Choose what shows and in what order
Button on image hover, or as an icon
Only on chosen categories
After add to cart: stay, open cart or go to checkout
Report: quick views and add to cart per product

Notify me at launch

Pro is for 1 site. Prices are approximate in RM; you pay in US$.

SETUP GUIDE

How to set it up.

STEP 1

Install Quick View

Make sure WooCommerce is installed and active.
In WordPress, go to Plugins → Add New and search for Quick View. Or upload the zip under Plugins → Add New → Upload Plugin.
Click Install Now, then Activate.
Open WooCommerce → Quick View.

STEP 2

Choose where the button shows

The first time you open the settings, Quick View asks one question: "Where should the Quick view button show?" Nothing is guessed for your theme. You can change it later on the General tab.

Button text: the label on the button, "Quick view" by default.
Button position: Under Add to cart or On the product image.
Click Save Changes.

Quick View General tab with Button text and Button position settings — WooCommerce → Quick View → General

The button uses your theme's button classes. Quick View's script and style load only on shop, category and search pages.

STEP 3

What shoppers see

Open your shop page. Each product has a Quick view button. Pressing it opens the product in a popup with its gallery, price, short description, stock, quantity and Add to cart, plus a View full details link to the product page. The cart count updates without leaving the page.

Shop grid with Add to cart and Quick view buttons under each product — Shop grid (Storefront theme)

On phones the popup slides up from the bottom. Swipe down or tap outside to close it.

STEP 4

Swatches, options and quote buttons

The popup loads the same add-to-cart form the product page prints, and Add to cart uses WooCommerce's own request. So prices and checks from other plugins are the same as on the product page. Each release is tested with:

Variation Swatches for WooCommerce (GetWooPlugins), Variation Swatches for WooCommerce (CartFlows) and WCBoost – Variation Swatches.
Advanced Product Fields for WooCommerce, Extra Product Options For WooCommerce (ThemeHigh), YITH WooCommerce Product Add-Ons & Extra Options and PPOM for WooCommerce (free versions).
Our own Quote Request and Product Options.

Using a plugin that is not on the list? Its fields may show in the popup without working, so shoppers can use View full details. Tell us which plugin it is and we will test it for a later release.

STEP 5

Pro features

Pro options are shown greyed out on the Pro tab, so you can see what they do. Pro adds:

Next / previous product inside the popup, and related products.
Image zoom on every theme, and tap to zoom on phones.
What shows: title, rating, price, short description, Add to cart, SKU and categories, in the order you choose.
Button on image hover or as an icon, only on chosen categories, and what happens after Add to cart: stay, open the cart or go to checkout.

Quick View Pro tab with Pro options shown disabled — WooCommerce → Quick View → Pro

The Report tab in Pro shows, for each product, how many times shoppers opened Quick view and how many of those added it to the cart. It stores no customer data.

Quick View Report tab describing the Pro quick view report — WooCommerce → Quick View → Report

Pro from about RM22/month or RM169/year

FAQ

Common questions

Shop, category and search pages, and also tag and attribute archives.

Yes. The page holds only the button and the product is fetched when the button is pressed, so a cached page still opens the popup. If add to cart fails on an old cached page, the form is sent as a normal request. We tested a saved static copy of the shop page, not a specific cache plugin.

It is tested with Twenty Twenty-Five (a block theme), Storefront, Astra and Kadence. With Elementor, the button shows on your shop, category and search pages. A product list placed on another page (for example the [products] shortcode in an Elementor page) gets no button in this version.

Yes. The popup sends the same request the product page sends, so prices, options and checks from other plugins run the same way.

If the request fails or is blocked, the script does not load, or it times out, the button opens the normal product page.

No. The free plugin stores no personal data, sets no cookies and sends nothing to any other server. When you delete the plugin, its settings are removed; your products and orders are not touched.

Email underpixel2015@gmail.com with your site address and a screenshot. We reply within one business day.