Pictures disappear from the listing when adding them as variant pictures

[Kylara]

HI!

When I add pictures to the listing and then after I connect some pictures with the variants so the customer can click on the variant and then the picture comes up that I connected to the variant. 

When I do that, the picture that I connect with the variant disappears from the uploaded listing thumbnails on the website BUT I can see the pictures inside of shopify admin.

If you look at the "Ivory Sparkle" picture inside the variants.  And then look at the next picture which is of the store. You can't see the variant picture on the website. And it's only messed up for Ivory, Black and Red. The gold one is the first so somehow the picture shows on the website. 

Yes the variant picture shows up when you click on the variant however I can't see them as thumbnails under the big picture. That is the problem.

It's a bit difficult to explain this but I hope someone can help me out

Thanks in advance!

[Huptech-Web]

Hi @Kylara, Can you please share the store URL? It will help me to understand the issue!

[Kylara]

Kylara.com 

You cant see the issue on the website.

The issue is that the pictures that I put into the variant options, these pictures don't show in the thumbnails of the listing on the website. BUT they show when you click on the variant on the website (only then). But how I would like it to be, would be that the variant pictures are always shown in the thumbnails as well (not only when you click on the variant option). It is really difficult to explain,

[Huptech-Web · Accepted solution]

Hi @Kylara, To display the variant images in the thumbnail you need to change the below setting in your theme customizer. Review below screenshot:



1. Open the theme customizer from the Admin.
2. Select the Product page in your customizer.

3. Uncheck the "Hide other variants’ media after selecting a variant" settings in "Product information".

AT

[Kylara]

Ohh, I thought it wasn't fixable. 

Thank you so much!!!

[Huptech-Web]

Hi @Kylara,

If the solution presented meets your needs and addresses your query effectively, I encourage you to accept it as the chosen answer. This will acknowledge the support you received and aid fellow community members in identifying reliable and effective solutions for their similar concerns.

Thank you

[Kylara]

Hi!

How can I transform the "add to cart" text into full caps (uppercase)?  

And is it possible to code the add to cart to show the variant inside the "add to cart" text. Like so:

So when a variant is selected, the variant text shows after the "Add" text.

Thanks in advance!