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; then, 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: