Only Show Images Based On What Variant Is Chosen for Taste 11.0.0 Theme?

Store Design
,

Topic summary

  • Goal: Only show image thumbnails corresponding to the selected color variant in the Shopify Taste 11.0.0 theme, without using an app.

  • Current behavior: Choosing a color updates the main image but still displays all variant images in the thumbnail gallery.

  • Proposed approaches:

    • Use custom Liquid (Shopify’s templating language) and jQuery to filter gallery images when the variant changes.
    • Leverage metafields or gallery image alt text to associate images with specific variants, then conditionally render matching thumbnails.

  • Resources: A YouTube tutorial (“Display selected color images”) is linked twice and appears central to the implementation.

  • Guidance: One reply suggests hiring a Shopify expert if custom code is required.

  • Status: No code or step-by-step solution provided within the thread; the outcome depends on implementing custom logic or following the external video. The discussion remains open/unresolved.

Summarized with AI on December 16. AI used: gpt-5.
1

Hi There, I’ve been searching for a way to do this but I am not finding it for Taste Theme v. 11.0.0.

I have a product with 4 color variants, each variant has 3 images. I’m trying to find a way to only show the image thumbnails that correspond to the selected color variant. Currently when you select the color pill it switches to the main image but still shows all other variant images in the thumbnails. (I don’t want to use an app)

Thank you for your time and help!

2

Hello @QuotableThreads , for this you need custom many code liquid and jquery for it.

I think you can use metafields for the image or use alt from gallery image to setup variant image this.

and you can hire dev shopify expert to work this.

Thank you!

3

Display selected color images:

4

You can display selected color images: