What’s New?
Store owners can now enable Add to Cart actions directly on the Product List Page and Featured Products element, allowing customers to add products to their cart without opening the full Product Details Page.
Key updates include:
- Add to Cart Toggle:
- 2. New setting to enable/disable Add to Cart on Product List and Featured Products.
- Product Card Button Behaviour:
- Products with a single variant or price show an Add to Cart button directly on the product card.
- Products with multiple variants or prices show a Choose Options button, where customers can select variants, quantity, and use Add to Cart or Buy Now from the modal.
- A View Full Details link is also available in the modal.
3 PDP-Based Modal Customization:
- Product Details Page customizations will reflect in the Add to Cart modal, giving store owners a consistent product selection experience across PDP, Product List, and Featured Products.
How to Use It?
- Open the Store Builder and select the Product List or Featured Products element.
- Enable the Add to Cart option from the settings panel.
- Customize the Product Details Page settings as needed; relevant configurations will reflect in the Add to Cart modal.
- Save and publish the changes.
Key Points to Note:
- Add to Cart appears for single variant / single price products. Choose Options appears for products with multiple variants or prices.
- Variant selections inside the modal reset after closing and reopening it.
- If all variants are out of stock, buttons are hidden, but the product card remains visible.
Images:
Builder:
User Preview:
