What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Pictures disappear from the listing when adding them as variant pictures

Solved

Pictures disappear from the listing when adding them as variant pictures

Kylara
Excursionist
18 0 3

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. 

Kylara_0-1724385491523.png

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.

Kylara_1-1724385494075.png

 

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

 

Thanks in advance!

Accepted Solution (1)
Huptech-Web
Shopify Partner
1011 204 218

This is an 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:

image_2024_08_23T08_11_26_285Z.png

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

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 6 (6)

Huptech-Web
Shopify Partner
1011 204 218

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

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Kylara
Excursionist
18 0 3

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
Shopify Partner
1011 204 218

This is an 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:

image_2024_08_23T08_11_26_285Z.png

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

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Kylara
Excursionist
18 0 3

Ohh, I thought it wasn't fixable. 

 

Thank you so much!!!

Huptech-Web
Shopify Partner
1011 204 218

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

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Kylara
Excursionist
18 0 3

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:

Kylara_0-1724573196523.png

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

 

Thanks in advance!