Media grouping

Using media grouping, your product pages will display only the media related to the chosen variant while concealing the others.

Set up media grouping

Steps:

1. In the theme editor (Customize), open the template selector.

2. Select Products, then Default product.

3. On the left-sidebar, add Product information. ⇒ Enable media grouping

4. Make necessary changes > Save.

Define option names to which the color swatch variant picker will be applied. Theme settings / Color swatch

Product media grouping

1 . Sorting product pictures making sure they are aligned

2 . Match Variant Color options order with product images

3 . Attach the first image of each group to a variant image.