Show add to cart button on product list

With this feature, you can display the Add to Cart button directly on product cards, allowing customers to add products to their cart without having to visit the product page first.

Demo

Demo

Guide

Step 1. Enable Globo Color Swatch on the collection page

To use this feature, please make sure the swatches are enabled on your collection pages through the app settings.

Step 2. Enable the show add to cart button option below.

Step 3. Adjust button texts (optional)

• Available label: Displayed when the selected variant is available for purchase.

• Added to Cart label: Displayed when the selected variant has already been added to the cart.

• Out of Stock label: Displayed when the selected variant is unavailable or out of stock.

Step 4. Enable Ajax Add to cart (optional)

Default: When customers click Add to Cart, they will be redirected to the cart page.

Enabled: Allows customers to add products to their cart without leaving the current page.

Choose Theme: Only the themes listed in the dropdown support the Ajax Add to Cart feature with a cart drawer or popup cart. For other themes, products will still be added to the cart via Ajax, but the cart drawer or popup may not open automatically.