Dynamic variant images
Last updated
Was this helpful?
Last updated
Was this helpful?
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 prodcut template
Open the theme editor by clicking Customize next to the relevant theme.
From the dropdown in the center of the top bar select Products > Default product.
Select Product main from the theme sections.
Enable the setting
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.
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.