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
  • Prerequisites *
  • Guide
  • 1. Go to the Shopify admin product detail
  • 2. Sync data agian in GLOBO Color Swatch
  • 3. Setup style for variant option is color swatch
  • 4. Change display style to image
  • Demo
  1. Choose type variant swatch

Setup automate image variant product

To set up automated image variant switching for a product in GLOBO Color Swatch and have it display the correct images for each variant on the front store.

PreviousUpload custom image for variant option valueNextAdvanced setting variants swatch

Last updated 22 days ago

Prerequisites *

  • You need to add main image for variant group in shopify admin before changing variant style to automatic image

Guide

1. Go to the Shopify admin product detail

Add variant color/model

E.g: White, Pink, Black, Green

Sort group variant by color/model

The variant displayed as a color/image must appear before the variant displayed as a button

Add main image for variant group

Click the save button to save the changes.

2. Sync data agian in GLOBO Color Swatch

Go to Dashboard GLOBO Color Swatch, click button Update data

3. Setup style for variant option is color swatch

  • In Dashboard -> Options list

  • Select your product variations to display as swatches

4. Change display style to image

  • Choose style image

Types variant support setup automatic image variant product

✅ Automated swatch

✅ Image swatch with price

✅ Image dropdown

  • Click save button

Demo

Add variant color/model
Sort group variant
Add main image variants
Update data
Automated swatch
Image swatch with price
Image dropdown
Save style
Demo