Need help hiding variant images - Minimal Theme

Solved
Highlighted
New Member
3 0 0

Hi Guys,

I am new to the Shopify Community and decided to build my first website today. At the moment I am encountering some issues with my product page. So I am going to sell a product which has multiple variants. On the main page it's all nicely in order, customer can select a variant and it will show the correct image. Here comes the issue --> once clicking on "Full Details" it will redirect the customer to the product page. On the product page it shows all the images of the variants I am offering. They are stacked from top to bottom. I don't mind those images to be there, but I prefer not to. 

Result I had before:
The variants were stacked one by one from top to bottom. 

Below the result I would like: 
like that.png

Hopefully I was clear enough. 

Thanks in advance!

0 Likes
Highlighted
Navigator
249 36 40

can you please share your store url

Expert Shopify Developer hire me
Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted
Shopify Expert
3903 559 938

This is an accepted solution.

HI @RoadToFreedom 

If you want to hide your variants images from product page then add bellow css in Asset->theme.scss file at bottom:

.product-single__thumbnails {   display: none;}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Highlighted
New Member
3 0 0

Wow. Thank you very much! Solved my issue! :) 

0 Likes
Highlighted
New Member
4 0 0

Hi Guys,

 

So that code hiding all thumbnails. is it possible to hide all variants images, but keep there none variants images?

0 Likes
Highlighted
Shopify Expert
3903 559 938

For that you can use this variable "image.attached_to_variant?"

Find code in section->product-template.liquid file

Check condition in variants loop like 

{% unless image.attached_to_variant? %}
//your thumb image code goes here 
{% endunless %}
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

Thank you for your reply! What code should i find in product-template.liquid file? and that command need to add somewhere or...? Sorry to bother you! :)

0 Likes
Highlighted
Shopify Expert
3903 559 938

Yes you have to add code in section->product-template.liquid file and find 

{% for image in product.images %}

give condition next to this and end just before {%endfor%}

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

Thank you for getting back to me! :) I found that {% for image in product.images %} x4 times in that page. Tried to put that code which you provided above, but not sure where exactly i need to paste it...

Capture1.PNGCapture2.PNG

0 Likes
Highlighted
Shopify Expert
3903 559 938

Sorry but that you have to check in which condition image generating i can check it form here. 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes