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
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
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.
List theme support card popup / cart modal
Be Yours
Broadcast
Colorblock
Concept
Craft
Crave
Custom
Dawn
Enterprise
Focal
Impact
Impulse
Motion
Origin
Palo Alto
Pipeline
Prestige
Publisher
Refresh
Ride
Sense
Shapes
Sleek
Spotlight
Studio
Symmetry
Taste
Trade
Warehouse
Xtra
Last updated