Display real-time product data as variations change

On the collection page we can show a preview of the selected variant including:

✅ Product title - variant name

✅ Product price of the current variant

✅ Main image product of the current variant

✅ URL product with variant

❌ Second image product of the current variant (no)


Guide step to step

1

Go to the Shopify admin product detail

Add variant color/model

E.g: White, Pink, Black, Green

Add variant color/model

Sort group variant by color/model

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

Sort group variant

Add main image for variant group

Add main image variants

Save product

2

Sync data agian in GLOBO Color Swatch

Go to Dashboard GLOBO Color Swatch, click button Update data

Update data
3

Setup option displayed as type color swatch or image

  1. In options list, find your variant of product

  2. Setup type variant is in the types:

✅ Swatch
✅ Pill swatch
✅ Automated swatch
✅ Image swatch with price
✅ Custom swatch with price
✅ Swatch dropdown
✅ Image dropdown
Set up type option
4

Enable variant show on collection and save

In options list, enable your option vairant show on collection page and save

Enable variant option show on collection page
5

Enable setting "Dynamic swatch" in setting GLOBO Color Swatch

Go to Settings page, enable dynamic swatch function on collection, and save

Enable dynamic swatch

Demo

Before click variant image
After click variant image

Last updated