About
Globo is the company specializing in website design and development in Vietnam.
45C, 210 Hoang Quoc Viet Street, HN
globosoftware
contact@globosoftware.net
Follow Us

Show only relevant variant images on thumbnail when clicking a color swatch

You are here:
Estimated reading time: 1 min

This feature allows you to show variant images as swatch option.

Steps:

Upload variant images

  1. From Shopify admin page, go to Products
  2. From All Products > edit the product you want to upload variants’ image
  3. Upload variants’ images (see screenshot)
  4. Click Save

Note: After adding/updating your products variants in Shopify Products, please sync product data

 

 

 

Show variant image group

  1. From Shopify admin page, go to Products
  2. From All Products > edit the product you want to upload variants’ image
  3. Upload variants’ image in the order as the screenshot below (Order: Grey variant image –> the rest images of Grey group –> New Cream variant image –> the rest images of New cream group –> Pink variant image –> the rest images of Pink group)

Note: the rule is that the same color images to the main variant image must be ordered behind that main variant image and you need to put according to each group (see screenshot)

 

Enable the image group function in the app backend

  1. From the app admin page, click Settings
  2. Turn on the setting Group image when click swatch
  3. Click Save to apply the changes

Here is the result in the front end:

Video tutorial

This feature heavily depends on your theme functionality, so if it does not work as expected, don’t hesitate to email us at apps@globosoftware.net!

Was this article helpful?
Dislike 16
Views: 4711