Quick add

Product listings

Enable the Quick add feature to allow customers to add products in listings or on collection pages directly to their cart. You can change the appearance of the popover by editing the Quick add template in the theme editor.

Edit Quick add template

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.

Settings reference

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.

---

Related links

Product listings Product listing style Product card details Product badges Quick view