How can I display product images based on color selection in Sense theme?

[CreateUtility]

I've got a shoe that comes in multiple colors. 

=> It's currently setup as a single product.

=> Under Variants, I've added the four unique colors. 

At the moment, when I upload the images under Media, every single image appears on site when the user is on the product page. When the user selects a different color, only the thumbnail I've selected appears as the main image, but the rest of the images stay in the same order underneath. 

Is it possible to set up the images to only display when the user has selected that color? 

Example: User selects Black, only the Black images appear. When they select Cognac, only Cognac images appear. 

I'm using the Sense theme. Open to suggestions. Thank you!

[Blair]

Hi @CreateUtility,

Thank you for reaching out to the Community! I'd be happy to provide some assistance with product variants, to ensure this gets resolved. To confirm I'm fully understanding, are you looking for the product image to change when switching between variants? 

If so, we have a great Adding Images To Product Variants document that touches on how you can complete this. It will provide customers with the ability to see what each variant of a product looks like, making the shopping experience as simple as possible. 

To achieve this, you can:

• Head to Products, from the Shopify admin. 

• Click the name of the product that you want to edit.

• In the Variants section, click the image icon to assign an image to that variant.

  

• Select a product image or click Add image to upload a new image.

• Click Save.

It's important to note however, that the other variants will remain available for customers to select from. If you'd like to customize this, I recommend checking out the Shopify App Store. We have various apps available that may allow you to successfully achieve this. For ease, I've gone ahead and made a few suggestions listed below that you can look into: 

• GLO Color Swatch, Variant Image
• Swatch King - Variant Options
• Bold Product Options

Please let me know if you have any other questions or concerns. 

[CreateUtility]

Hi Blair, I'm looking to have multiple images associated with one variant. Here is a link to a blog post I found that answers my question: https://roartheme.co/blogs/beyours/can-i-have-multiple-images-associated-with-one-variant

Unfortunately, it isn't working as expected when I add the alt text. 

When the user selects Black, I want ONLY the five of the Black Images to appear. If the user clicks Cognac, I want ONLY the give Cognac images to appear. 

Let me know if that makes sense!

[imdad]

Struggling with same question, the shopify advisor ask me to download an app, they always suggest for an app dont know why

[umidaydemir]

Hi, If you'd like to display only the relevant images for each variant on the product page, you might want to check out the Rubik Variant Images app. This app lets you add multiple images to each variant, showing only the images for the selected option. It’s fully compatible with the Sense theme.

You can give it a try for free: https://apps.shopify.com/rubik-variant-images/

Demo video:

[MRamzan]

Here is for SENSE theme:

[MRamzan]

You can display selected color images: