Multiple variant images #
Multiple variant images (also known as Media grouping) is a way for you to only display the images/media assets associated with a particular product variant.
For example, when a customer clicks on the ‘Red’ camera variant, only the images of the red camera are shown. This is aimed at improving the overall customer experience on your store.
This smart feature enhances the shopping experience by only showing the relevant images, videos and models based on the customers selection. It keep product pages organized and improves focus. Say goodbye to cluttered product pages and hello to improved customer engagement and conversion!
Tip
If some products don’t lend themselves to the use of media grouping, or if different products need to be grouped by different variant options, alternate product templates can be created to make use of media grouping on some products, and exclude it from others!
How to set up multiple variant images #
Steps
- Open the Theme editor, and select the relevant product template from the dropdown at the top of the page (e.g. default product).
- Click on the Product section on the left, and find the Multiple variant images settings.
- Select Show media only associated with the selected variant.
- Within the Variant option label setting, enter the Variant option label around which media will be grouped e.g. Color
- Arrange the product media in Admin > Products so that they are grouped by this variant option.
Setting up product images for grouping #
The previous steps enables this feature, however for it to work fully, you’ll need to arrange your product images in the correct order within the Shopify admin area.
Steps
- In the Shopify admin area, navigate to Products and pick a product.
- Order the product media (images, video etc) to ensure all the images for the chosen variant option are grouped together. For example, if the Variant option label chosen was Color, then group all the yellow images together, all the black images together and the red images together in sequence. The order of the product media is important.
- Assign the first image of the variant option chosen for grouping (e.g. the first yellow image) to all the relevant variants in your product setup. The very first yellow image should be associated with all yellow variants, then, the very first black image added to all black variants.
Note
If products have more than one variant option, using the Shopify Group by dropdown to group variants by Color may make it easier to assign images.
