Hello, I am using Shopify Stiletto theme. When you click on a different variant for a product the image does not change to match the variant selected. Is there a section of code I can add to make this happen?
My URL is www.thelifestylelab.shop
Topic summary
A Shopify store owner using the Stiletto theme is experiencing an issue where product images don’t automatically update when customers select different variants. They have already added separate images for each variant option.
Current Problem:
- Store displays all variant images as thumbnails simultaneously
- Selected variant doesn’t trigger the corresponding image to display
- This creates a poor customer experience on the product page
Proposed Solutions:
- Install the “Rubik Variant Images” app, which automatically displays only the images matching the selected variant
- Manually enable the “Media Grouping” option in the Stiletto theme settings
Status: The issue remains unresolved. A community member provided both an app-based solution and a manual configuration option, with demo video and documentation links included for implementation guidance.
I have added images for each variant.
See this product attached for a better idea of what i mean.
Hi @NoelleJohnson , I checked your product page; You have 4 variant options and one photo of each. Image thumbnails of all your product variants are displayed and when a variant is selected; the image does not change. These negatively impact the customer experience.
We have an app called Rubik Variant Images and this app solves your problem easily. With this app, only the images of the variant selected are displayed on the product page and images are changed with variant change.
https://apps.shopify.com/rubik-variant-images
You can see the demo video here:
For the Stiletto theme: you can also do manual configuration and enable the Media Grouping option on your theme settings. More details: https://help.fluorescent.co/stiletto/product-pages/variant-options/media-grouping