🖼️Show Images per Variant

  1. OPTIS Color Swatch
  2. Variant Images


🖼️Show Images per Variant


✨ What is Variant Images?


Variant Image allows the product image gallery to display only the images of the selected variant, keeping the product page clean and focused.


🛠 How it works


  • Each variant is linked to its own set of images
  • When a customer selects a variant, the gallery updates instantly
  • Images from other variants are hidden until selected


🎯 Use when


  • Each variant has its own visual set (e.g. different colors)
  • You want a cleaner, less cluttered product gallery
  • You want customers to focus on the selected variant


⚙️ How to set up


🎥 Video tutorial:


Watch this quick guide to see how Variant Images work in action and how to set it up correctly in Shopify.



🛠 Step-by-step


  1. Enable Variant Images in the app


Enabling Variant Images in the app


  1. In Shopify Product admin, group images by variant and place the primary image first


Shopify product media grouped by variant with the primary image first


  1. Assign each primary image to its corresponding variant


Note: The first image in each image group must be the same file as the variant image (select the exact image already uploaded in Shopify Files, not a re-upload)


Product gallery showing only the selected variant's images


Once completed, the image gallery will automatically update when customers switch variants.


💬 If the variant images don’t behave as expected, just contact us - our support team is happy to help.

Updated on: 25/09/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!