Show only images related to the selected variant

Prerequisites *

Before setting this function, make sure:

• Your product have color/image variants (e.g., Red, Blue, Green).

• Your product has thumbnails of different colors/model.

Demo

Set up step by step

1. Group image thumbnails by color, or by model

First, in the Shopify Product Admin you need to rearrange the order of all images in the product image list by group.

E.g: White, Pink, Black, Green

2. Sort variants and group by color

• Once the image group is complete, scroll down to the variation options

• Reorder variants, variant option displayed as image or color must be placed on top

3. Select image for main variant

Make sure the main image variant is the first image of a group

Make sure all primary image variations in a group are the first image of a group, no photo can be different main image

4. Sync data in admin app

• After setting up the group image for all product, go to admin app Dashboard

• Click Update data to sync the product data with the app

5. Display variant options as color or image

• Need to set variant as color swatch, image swatch. Types like dropdown and button cannot group image.

6. Enable setting group image

Navigate to the Settings app, tick Group image checkbox and save

7. Result

All images not from the group variant selected will be discarded.

Video guide

Group image still not working?

1. Check your theme customize

Some themes support this function "Hide other variants’ media after selecting a variant"

If you use the app's group image, you need to go to theme -> customize to turn off "Hide other variants’ media after selecting a variant".

This function and the app's group image function will conflict with each other.

2. Contact us

Some updated theme versions may not support it yet, you can contact the support team if the setup according to the instructions still does not work

For further assistance, contact us via [email protected]