Quick add drawer

What is a Quick add drawer?

The Product Quick add drawer option offers several unbeatable benefits:

Improved shopping experience: It's easier for your customers to select and add any items to cart without loading the whole product age and clicking back-and-forth between the product page and the item pages for details.
Reduced server load: The product page is not reloaded when the shopper selects this feature.
Display of discounted pricing and other details: You can utilize the Quick add drawer feature to show discounts before the cart page.

You can manage which elements are shown on the Quick add drawer - such as the buy buttons, variant picker, price, badges and tags, etc.

Steps:

From the theme editor (Customize), navigate to Theme settings > Product cards.
Enable the Show quick add option or Show quick add on mobile option.
Save the changes.

If the product has only one variant, the item will be added to the cart directly.
If the product has more variants, the Quick add drawer will display.

Steps:

Vertical gap controls the amount of space between the individual blocks inside the Quick add drawer.

For the quick add drawer, we recommend using Product blocks to display your product information inside the quick view drawer.

You can add multiple dynamic blocks within this section. Learn more about each block type here:

Last updated about 1 month ago