Show add to cart button on slider, grid, list products

With this feature, you can display the add to cart button right in the product card, customers can add products to the cart anywhere without having to go to product details.

Demo

Demo

Guide

1. Enable swatch on collection page

To use this feature you need to make sure you have enabled swatch app on the collection page. Read this page Display on collection page, home page, other pages

2. Enable show add to cart button

In settings page, enable show add to cart button and save setting

Enable show add to cart button on collection page

3 Option setting add to cart

Change text:

• Available label: Displayed when variant is available to buy

• Added to cart label: Displayed when variant have been already in card

• Out of stock label: Displayed when variant is out of stock

Ajax to cart:

Default: When click add to cart, user will be redirected to the cart page.

Enable: Allows users to include product in the cart without leaving site

Choose theme: Only the themes listed in the dropdown above support the Ajax 'Add to Cart' feature, which opens the sidebar or popup cart. Otherwise, the Ajax 'Add to Cart' will only remain in the page and add the item to the cart.

Option setting add to cart

List theme support card popup / cart modal

1. Be Yours

2. Broadcast

3. Colorblock

4. Concept

5. Craft

6. Crave

7. Custom

8. Dawn

9. Enterprise

10. Focal

11. Impact

12. Impulse

13. Motion

14. Origin

15. Palo Alto

16. Pipeline

17. Prestige

18. Publisher

19. Refresh

20. Ride

21. Sense

22. Shapes

23. Sleek

24. Spotlight

25. Studio

26. Symmetry

27. Taste

28. Trade

29. Warehouse

30. Xtra