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

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 [email protected]!