Enabling “Show selected variant images only” will update your product pages to only show images assigned to each variant. This is useful if you have products that are visually different. Using this will help show customers which variant they have selected. For example if you have a shirt in blue and red - you can show only the red product photos when customers have selected red.
Navigate to the product template
Go to Online Store > Themes > Customize
From the dropdown in the center of the top bar select Products > Default product
In Theme sections select Product main
Scroll down and toggle on Show selected variant images only
Order your images
Images must be ordered depending on their variants to ensure they are correctly shown when customers change their selection.
In your Admin, navigate to your Products
Upload all images under media in your product settings
Ensure the images are sorted in the same order as your variants
Assign featured images to each variant that match the first image.
The below image will help illustrate how to achieve this.
SpaceDynamic variant images
How do I get started with my workspace?
Start by connecting your source repository and choosing the pages you want to publish.
You can then browse your documentation and ask questions about the content your team has shared.
