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:
In the theme editor (Customize), open the template selector.
Select Products, then Default product.
On the left-sidebar, add Product information. ⇒ Enable media grouping
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.
Last updated