Open the product and create image sets for each Color and Size variants. Rename the images in sequence to keep them organized.
For example, for a product with four Color and Size variants:
Option
Image Count
Images renamed
Yellow-Small
3 images
Yellow-S1, Yellow-S2, Yellow-S3
Yellow-Medium
2 images
Yellow-M1, Yellow-M2
Blue-Small
2 images
Blue-S1, Blue-S2
Blue-Large
2 images
Blue-M1, Blue-M2
Green-Medium
2 images
Green-M1, Green-M2
Orange-Large
2 images
Orange-L1, Orange-L2
Arrange all color images sequentially.
Note: To ensure the correct first image is assigned to each variant, rename color & size images in sequence (For example, Black (Black-S1, Black-S2, Black-S3), and assign Black-S1 to the Black variant."
Step 2: Assign Images to Each Variant Combination
Click the arrow icon next to the Colour option to open its variants.
Note: Shopify allows only one featured image per variant. When assigning images to a variant, make sure to select the first image from the image set created for that specific variant. This image will act as the variant’s featured image when the variant is selected.
Under each Color, select the relevant Color-Size variant image.
You can refer to the table above to see the image names assigned to each respective Color and Size variant.
For example:
Search Image
Assigned to the variant
Yellow-S1
Yellow-Small
Yellow-M1
Yellow-Medium
Blue-L1
Blue-Large
Green-M1
Green-Medium
Orange-L1
Orange-Large
Repeat this process for all colour–size variant combinations.
Repeat this for all colour–size combinations.
Step 3: Configuration Done
The final set-up will look just like the snapshot below.
Step 4: Final Output
The images of the selected variant are visible as expected.
