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
  • Setting up
  • 1. Enable option on collection page
  • 2. Choose display style
  • 3. Save your change
  • 4. Enable app embed & preview
  • Swatch still not showing on collection page?

Display on collection page, home page, other pages

Color swatches allow customers to easily see and select product variations like different colors. Follow this step-by-step guide to set them up in your store.

PreviousInventory variations on product pageNextShow add to cart button on slider, grid, list products

Last updated 1 month ago

Setting up

1. Enable option on collection page

  • Open the Globo Color Swatch app from your Shopify admin panel.

  • Choose option show on Collection Page and Enable.

2. Choose display style

  • Change the style for each option in the Options list. If you do not change, we display it as default type Button

3. Save your change

4. Enable app embed & preview

  • In Online Store > Themes > Customize

  • Click to App embeds > find Globo Color Swatch -> Enable

Swatch still not showing on collection page?

  • Most of our themes have integrated swatch on collection page, if your theme is not working, please contact the support team, we will integrate it for you 💕

  • If you are using app page builder, filter function, infinite scroll,... we can integrate it all, don't worry 🤗

Enable option on collection page
Change style option
Save your change
Enable app embed