Quick shop
Product listings
Last updated
Product listings
Last updated
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.
The Quick add button allows customers to add products immediately to their cart. If products have variants, the button will show "Choose options" and open the Quick view popup when clicked.
If both quick add and quick view are enabled, then quick add will take precedence for available products. Unavailable products will show quick view button if enabled.
Go to Theme settings > Products to find settings
Enable quick add
When enabled, the "Quick add" button appears on products across your site that adds products immediately to their cart.
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.
Go to Theme settings > Products to find settings
Enable quick view
When enabled, the "Quick view" button appears on products across your site that opens a popup with product details and buy button.
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.
In the theme editor, use the template selector to go to products > quick-view.
Click the Product quick view section to find settings for the appearance of the quick view popup.
Click the Blocks to find settings for the Variant selector, Stock level indicator, Quantity selector, and Description.
Click blocks to find settings
Display product description as a paragraph or accordion.
Display variants of product options. Includes options for Information popup, Variant swatches, and Variant chips. If you have Sibling product swatches set up, those swatches will appear in the section and will change the product media and details when selected.
Let customers add more quantities of a product.
Display stock level bar with 'low inventory' alert.
Add the Share block to display social links for sharing your product page.
Click Product quick view section to find settings
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 product rating
Show star rating from your product rating app. Learn more in the product review guide.
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. Learn how to set up Product badges.
Show recipient information form for gift cards
Allow customers to send gift cards to a recipient's email on a scheduled date, along with a personal message.
By default, the quick view and quick add buttons use default wording: "Quick view", "Add to bag", or "Choose options".
To change these button labels, you can use the Default theme content editor.
Related links Product listings Purchase confirmation popup Quick cart
