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 |
|---|---|
Display variants of product options. Change the Swatch size and the Chip layout. | |
Display stock level bar with 'low inventory' alert. |
Related links
Product listings Product listing style Product card details Product badges Quick view
Last updated