Globo Docs
GLO Color Swatch
GLO Color Swatch
  • Getting started
  • Product variants swatch
    • Variant swatch style
    • Display on product page
      • Show only images related to the selected variant
      • Required select swatch options before add to cart
      • Inventory variations on product page
  • Display on collection page, home page, other pages
    • Show add to cart button on slider, grid, list products
    • Clean up variant option in collection page
    • Display real-time product data as variations change
  • Choose type variant swatch
    • Set color for variant option value
    • Upload custom image for variant option value
    • Setup automate image variant product
  • Advanced setting variants swatch
    • Show/hide variant name
    • Show/hide tooltip
    • Out of stock style
  • Image swatch ratio
  • Bulk export & import variant options
  • Group products as variants
    • Group product style
  • Bundles
    • Setting up product bundles
    • Setting up quantity breaks
  • App integrations
    • PageFly Landing Page Builder
    • Gempage
    • Smart Product Filter & Search
  • FAQs
    • Why can’t I see the swatches for my new product?
    • My theme doesn’t support app blocks — how can I show or move the swatches?
    • Why does the app work on collection pages but not on the homepage or other pages?
    • Why don’t the images change when I pick a different swatch?
    • Why doesn’t the main product image update when I click a color swatch?
    • Why is the wrong product variant added to the cart?
    • Why do swatches disappear when I switch to another language?
Powered by GitBook
On this page
  • Demo
  • Guide
  • 1. Enable swatch on collection page
  • 2. Enable show add to cart button
  • 3 Option setting add to cart
  1. Display on collection page, home page, other pages

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.

PreviousDisplay on collection page, home page, other pagesNextClean up variant option in collection page

Last updated 1 month ago

Demo

Guide

1. Enable swatch on collection page

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

  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

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
Demo
Enable show add to cart button on collection page
Option setting add to cart