Remove product images from the bottom of a product page

Solved
Highlighted
New Member
2 0 0

Hi there,

 

I'm having trouble removing the auto-generated images that appear at the bottom of a product page. I'd like to just straight remove them. If there's a way to replace these images with other images, that would also be useful!

 

I've attached in image of what I mean.


Any help appreciated! 

Image.png

0 Likes
Highlighted
Shopify Partner
884 119 156

Hello, @xHeadMan 

Please share your site URL,

So I will check and provide a solution here.

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com

Skype : bamaniya.sky

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted

Success.

Shopify Expert
2941 501 677

Hi @xHeadMan 

Thats your variants images, In this theme you have option to hide variant image from theme editor:

1. Open theme editor->go to product page from top select box-> select "Product pages" from left side bar and then check "Hide variant images in gallery" option.

2. Add this css in your asset->theme.scss file at bottom:

.product__subimage-list{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
New Member
2 0 0
Changing the code worked! Thanks a lot :)
0 Likes
Highlighted
New Member
4 0 0

Hey, 

i have the same problem but with the boundless theme, how do i fix it on that theme?

because adding the .product.. doesnt fix it for me. Neither putting it to the other .product's or at the end.

 

Thanks in advance

0 Likes
Highlighted
Shopify Expert
2941 501 677

Hi @JackyFromWelly 

In this theme we have same selector for main image and variant image so we have to add class in just variant images so we can hide it by class.

Open section->product-template.liquid file and find bellow comment code:

{% comment %}
      Show other product images below product info if there's any left to show
    {% endcomment %}

Now add 'hide_var_img' class in 'product__photo' div as per image:

then add this css in asset->theme.scss fiel at bottom:

.hide_var_img{display:none;}

image.png

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