What is media grouping?
Media grouping or Multiple variant images is a way to display only the images/media assets associated with a particular product variant on a product page. For example, show only the red images when the customer selects the red color option.
This smart feature enhances the shopping experience by only showing the relevant images, videos and models based on the customers selection. It keeps product pages organized and improves focus. Say goodbye to cluttered product pages and hello to improved customer engagement and conversion!
Tip
How to set up media grouping for multiple variant images
Steps
- From the Shopify admin area, go to Online store > Themes > Customize.
- Select Products from the dropdown at the top and choose the desired product template (e.g. Default product).
- Click on Product details to edit the product page and product media settings.
- In the Multiple variant images settings, select Show media only associated with the selected variant.
- 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.
Product media grouping 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 Variant option label chosen was color, then group all the red images together and all the white images together.
- Assign the first image of the variant option chosen for grouping (e.g. the first red image) to all the relevant variants in your product setup. In the screenshot above, the very first red image (number 1) should be associated with all Red variants, then, the very first white image (number 7) added to all White variants. Once this is done, the variants will look something like this:
Show an image or video in all media groups
Where an image or a video is applicable to all product variants, this can be added once and shown in all the media groups. This reduces duplication and can be a useful feature for explanatory product videos, lifestyle shots or when there is less product photography available for one color or variant.
Steps
- From the Shopify admin area, open the Theme editor.
- Select Products from the dropdown at the top and choose the desired product template (e.g. Default product).
- Click on Product details, scroll to the Multiple variant images settings and select Show media only associated with the selected variant and then enter the Variant option label around which media will be grouped e.g. Color
- Exit the Theme editor, open the Shopify admin and go to a product where a video or image should be displayed in all media groups. Arrange your product media as explained in the product media grouping guide.
- Find the image or video to be shown in all variant media groups.
- Click on the image or video and choose Edit alt text.
- Add the text all-groups to the alt text to the image which you wish to show in all groups. (Important: Only add this alt text to those images that you wish to appear for every variant. Don't add to all images)
- Click Save alt text.
FAQs
Can I use media grouping for more than one option per product?
Media grouping of Multiple variant images will apply to only one variant option per product e.g. Color or Size.
Is this feature supported in all versions of the Alchemy theme?
This feature was introduced in version 5.0.0 of the Alchemy theme.
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