What is media grouping?
Media grouping or multiple variant images is a way to display the images/media assets associated with a particular product variant on a product page when they are selected by a customer. For example, show only the blue images when the customer selects the blue color option.
This smart feature will display only the related group of product variant images and media when your customers select a variant, keeping your product pages organized and improving their focus. Say goodbye to cluttered product pages and hello to improved customer engagement and conversion!
How to set up media grouping
Steps
- Open the Theme Editor, and select the relevant product template from the dropdown at the top of the page.
- Click on Product pages to edit the product page and product media settings.
- In the Media grouping settings, select Show media only associated with the selected variant.
- Enter the Option name 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.
Tip
Product media setup
The Shopify admin dashboard does not currently support assigning multiple images to a single variant, so it is necessary to ensure that product media are ordered in a specific way for this setting to work as intended.
Steps
- Open the product editor in the Shopify admin.
- Order the product media (images, video etc) to ensure all the images for the chosen variant option are grouped together. For example, if the Option name chosen was Color, then group all the blue images together, all the white images together and the black 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 blue image) to all the relevant variants in your product setup. The very first blue image should be associated with all blue variants, then, the very first white image added to all white variants. Using the Shopify Group by dropdown to group variants by Color may help. Once the images have been assigned, the variants will look something like this:
Tip
FAQs
Can I use media grouping for more than one option per product?
No, media grouping will apply to only one variant option per product template e.g. Color or Size.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us