I tried this method it is working but when we go to the mobile view and swipe the images of the variant the other variant images is shown how to resolve this issue?
how to show only selected variant images dawn (and correct color pictures in the thumbnail carousel)
Topic summary
A user seeks to display only images matching the selected product variant (e.g., showing only black sweatshirt images when black is chosen) in the Dawn theme’s thumbnail carousel. A YouTube tutorial worked on mobile but failed on desktop, splitting images incorrectly and only functioning with the “stacked” layout option.
Proposed Solutions:
- Multiple users shared YouTube tutorial links with code modifications
- One approach uses variant metafields to store image filenames, then applies custom Liquid and JavaScript code to filter images
- Another method involves editing the product template code to conditionally display images based on selected variant ID
- A paid code solution was offered by a service provider
Key Concerns:
- Most solutions require editing image alt text or manually adding filenames, which becomes impractical for stores with thousands of products
- One user reported mobile swipe issues where other variant images still appear
- The Rubik Variant Images app was recommended by multiple users as a no-code alternative
Current Status:
The discussion remains open with no confirmed working solution. The final commenter expressed frustration that the Rubik app demo didn’t work and requested an official Shopify solution.
1 Like