Variant Image Grouped

Below is the step by step instruction to set up Variant image grouped.

  1. 1.
    From your Shopify admin, go to Online Store -> Themes.
  2. 2.
    Find the theme that you want to edit, and then click Customize.
  3. 3.
    Choose Default product template in the dropdown of editor window to open theme editor of product page.
  1. 4.
    From Product Information -> Click Add block -> Choose Variant Picker.
  1. 6.
    Choose Show Variant Image Grouped? to enable Variant Image Grouped function.
  1. 7.
    In Admin -> Click "Products", then click on the product you would like to add Variant Images Grouped -> copy the colors of Variant section
  1. 8.
    Click “Alt” on Image -> Paste Color on “Image alt text” section corresponding to the image.
Here is the result:
If you want to have this feature on Quickview, please go to Theme Settings -> Quickview -> Show Variant Image Group?.