How to group product images by variants?

Group images by product variants to set the related images for a specific color variant.

You can follow the listed recommendations to apply configurations specifically for a color variant:

Step 1

Go to your Shopify admin -> Products, select a product, or create a new one. Then, add product images to the "Media".

Step 2

Place images in the proper order to display on the storefront: first image - main image of the product variant and all other images related to this product variant.

The main image defines the beginning of the images grouped by a specific color and ends with the main image of a new group.

Start each new group of product variant images with the main image. Then, add as many related images as needed.

Step 3

Add a product option with product variants.

Step 4

Assign main images to each product variant.

Step 5

To use the "Group with tag 'group-gallery' option, type the 'group-gallery' in the "Tags" field for the desired product once. Then, this tag will be available to select from the tags list of your admin for other products.

Step 6

Use settings provided in the "Action after selecting a variant" drop-down of the Theme Editor:

• "Featured product" section;

• Products -> Product information.