Dynamic variant images

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.

1

Navigate to the product template

  1. Go to Online Store > Themes > Customize

  2. From the dropdown in the center of the top bar select Products > Default product

  3. In Theme sections select Product main

  4. Scroll down and toggle on Show selected variant images onl

2

Order your images

Images must be ordered depending on their variants to ensure they are correctly shown when customers change their selection.

  1. In your Admin, navigate to your Products

  2. Upload all images under media in your product settings

  3. Ensure the images are sorted in the same order as your variants

  4. Assign featured images to each variant that match the first image.

    1. The below image will help illustrate how to achieve this.

Last updated

Was this helpful?