About the Add to Cart Button for the Category Page and Galleries
In this article
- What does the quick view pop-up look like?
- What does the expandable drawer look like?
- What are the differences between the pop-up and drawer?
Give customers a faster way to buy by adding an 'Add to Cart' button to your Category page or to a product gallery. If a product has no
product options or modifiers, it is added straight to the cart when someone clicks the button.
Next, choose what happens when customers need to make selections. They can do so in a quick view pop-up window or an expandable drawer.
What does the quick view pop-up look like?
When you select the pop-up option, a window opens where customers can choose their preferred product options, modifiers, and subscription options.
What does the expandable drawer look like?
The expandable drawer provides a more streamlined experience, since it keeps customers on the same page while they make their choices.
Tip:
The second 'Add to Cart' button that appears after selections are made is optional.
Sometimes customers want to browse options, for example, to see all the colors a hat comes in. A second button lets them explore options first and add the product to the cart only when they are ready.
In other cases, it can make sense to remove this extra step, for example, if the choice is only between 2 storage sizes.
What are the differences between the pop-up and drawer?
Check out some of the key differences between the quick view pop-up and the expandable drawer options.
| Pop-up | Drawer | |
|---|---|---|
Works on desktop
|
Yes
|
Yes
|
Works on mobile
|
No. On mobile devices, the Add to Cart button directs to the Product page.
|
Yes
|
Subscriptions
|
Customers can purchase subscription products in the pop-up.
|
Customers directed to the pop-up to buy products with subscription options.
|
Text modifiers
|
Customers can enter text in the pop-up.
|
Customers directed to pop-up to enter text.
|
