Quick view
Product listings
The Quick view popover allows customers to view and add products directly to their cart without going to the product page. The quick view button appears when customers hover over products that appear in collections or theme sections.
You can change the appearance of the popover by editing the Quick view template in the theme editor. This guide provides an overview of available settings and blocks in the Quick view template.
Note To disable Quick view, go to Theme settings > Product listing. Click to uncheck the Enable quick view option.
Edit quick view template
By default, the quick view popover displays the product details, variant selector, quantity selector, and product description.
You can choose to display an Information popup, and add blocks for Sharing icons, Text, and a Stock level indicator.
In the Product quick view settings, you can edit the appearance of the product header, price, product rating, and product badges.
To disable Quick view, go to Theme settings > Product listing. Click to uncheck the Enable quick view option.
Settings reference
Open the Quick view template to find the following settings:
| Setting | Description |
|---|---|
Display product description as a paragraph or accordion. | |
Display variants of product options. Includes options for Information popup, Variant swatches, and Variant chips. | |
Let customers add more quantities of a product. | |
Social links for sharing your product page. | |
Display stock level bar with 'low inventory' alert. | |
Add a short block of text. | |
Show divider | Show border line beneath the product details. |
Show vendor | Show the vendor name beneath the product title. |
Show SKU | Show the "Stock-keeping unit" (SKU) number of the product. |
Show discount | Show discount amount as set up in the 'compare at price' setting in the Shopify admin. |
Discount format | Choose to display discounts by percentage or currency amount. |
Show sale badge | Show sale label for products that have a Compare at price set in your Shopify admin. |
Show custom badges | Show custom badges added to your theme settings. See the Product badges guide. |
Related links Product listings Purchase confirmation popup Quick cart
Last updated