Product Page - 2 colour variants - how to show pics for each colour variant on page

Store Design
1

Hello!

I am building up my website using debut theme.

I have a product with 2 colour variants: black and dark brown.

On the website I want to show different pictures for each colour variant but I don’t know how to do it from the shopify product back end.

When I create the product page and add the media, all pictures for the black and dark brow are visibile, regardless which colour selector is on.

How to do fix it?

Any help, advice and tip would be precious

2

Hi, that is because some product import to Shopify the with little bugs, let me help you:

Go to products and select the product that the variant image is not showing.

then scroll down and will see the variant that doesn’t has any image just click it and select your correct variant color image.

If this was helpful please accept as a solution.

3

Hello CamiloP!

Thank your for your reply.

Unfortunally it does not solve the problem.

I can only upload 1 picture per colour and size variant… where I have 8 pictures for all colour variants.

If I upload them on the media section they will show wheather you select Brown or Black colour.

I just want to have all pictures uploaded for each variant and when the colour is selected you can see only the pictures of the product in that colour.

Hope I was clear enough

4

Hi, so for fo that you’ll have to add custom CSS3 and html code, if you’re really interested in do that send a pm.

5

If anyone still looking for the solution here is the one which worked https://websensepro.com/blog/how-to-show-only-selected-variant-images-shopify-debut-theme/

1 Like
6

I need the answer for this as well!