Remove product images from the bottom of a product page

Solved
xHeadMan
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
KetanKumar
Shopify Partner
14319 1664 5150

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
Jasoliya
Shopify Expert
4131 569 998

This is an accepted solution.

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
xHeadMan
New Member
2 0 0
Changing the code worked! Thanks a lot :)
0 Likes
JackyFromWelly
Tourist
4 0 1

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
Jasoliya
Shopify Expert
4131 569 998

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 Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
visivo
New Member
1 0 0

i am having the same problem, but I cannot fix it. Can someone help me pls?

0 Likes
Jasoliya
Shopify Expert
4131 569 998

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
ip93
Tourist
5 0 1

Hey! I have the narrative theme and the same problem. I tried to insert the code in scss but it's not working!

Thank you in advance!

0 Likes
Jasoliya
Shopify Expert
4131 569 998

Send your store url

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