Need help hiding variant images - Minimal Theme

Solved
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
Trailblazer
175 26 28

can you please share your store url

Still not satisfied!!! contact me
Is it good solution? Yes, please Like.
0 Likes
Highlighted

Success.

Shopify Expert
2930 499 671

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
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
2930 499 671

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
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
2930 499 671

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
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
2930 499 671

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes