Quick shop

The Quick shop features allow customers to view and add your products directly to their cart without needing to navigate to the product page.

• The Quick add button adds products immediately to your customer's cart.

• The Quick view button reveals a popup with product details and buy button.

Quick add

---

By default, the Quick add popover displays basic product details, variant selector, and quantity selector.

To disable Quick add, go to Theme settings > Product listing. Click to uncheck the Enable quick add option.

Go to Products > Quick-add template, then Click the Product quick add section to find the following settings.

Setting	Description
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 price	Show the product’s price.
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.

Add and edit the following available blocks.

Setting	Description
Variant selector	Display variants of product options. Change the Swatch size and the Chip layout.
Stock level indicator	Display stock level bar with 'low inventory' alert.

Quick view

---

The quick view button appears when customers hover over products in collections or sections.

When clicked, the quick view popup allows customers to view and add products directly to their cart without going to the product page.

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 basic product details, variant selector, and quantity selector.

You can change the appearance of the popover by editing the Quick view template in the theme editor.

1

In the theme editor, use the template selector to go to products > quick-view.

2

Click the Product quick view section to find settings for the appearance of the quick view popup.

3

Click the Blocks to find settings for the Variant selector, Stock level indicator, Quantity selector, and Description.

Open Products > Quick view template to find settings

Setting	Description
Description	Display product description as a paragraph or accordion.
Variant selectors	Display variants of product options. Includes options for Information popup, Variant swatches, and Variant chips.
Quantity selector	Let customers add more quantities of a product.
Share icons	Social links for sharing your product page.
Stock level indicator	Display stock level bar with 'low inventory' alert.
Text	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 Product listing style Product card details Product badges