Hi, I am currently using Showcase theme for my shop. The issue I am having is that the product page shows images for all variants and the page end up looking really messy because detail product image and variant images all show up together. I would want to change this so that the first picture in t…

@chai0505 Kindly check this thread https://community.shopify.com/c/Shopify-Design/Display-variants-on-collection-pages/td-p/375407

Hello @chai0505 , Yes there is way to achieve this but only when if you know liquid and JS. Idea is you have to show hide the images depends on the selection of colors and before that initially you have to assign variant Id with each image. Thanks

was there an answere to this? I also have the same problem for showcase

Is this available in the Dawn theme as well?

Here is the solution for dawn theme: [How to Display Only Selected Color images Product Page in Shopify [DAWN 15]]

Change product image based on selected variant (Showcase Theme)

Store Design

Joshkiwi1 January 22, 2024, 8:57pm 5

Hi @chai0505

This is built into the Showcase Theme in Product Pages.

Look for Media Grouping and tick this option. once Ticked, rearrange your images to suit the colour variant (Group all reds together, or blues together etc).

Topic		Replies	Views
Need Help Integrating Variant-Specific Image Display on Product Page Shopify Discussion discounts , marketing-campaigns-sales , billing-plans , troubleshooting , shop-performance	3	127	May 26, 2025
Separate product variation images Store Design design , customizations , css , shopify-theme , product-page	5	267	February 11, 2026
Boundless theme: All Variants are showing on the collection and product page Store Design	0	43	November 18, 2021
Variant based image switching Technical Q&A shopify-themes	5	175	June 22, 2026
Manejo de imágenes de variantes Preguntas y respuestas técnicas	12	215	November 9, 2020

Change product image based on selected variant (Showcase Theme)

Related topics