Remove product images from the bottom of a product page

[xHeadMan]

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! 

[KetanKumar]

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

[Jasoliya · 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;}

[xHeadMan]

Changing the code worked! Thanks a lot 🙂

[JackyFromWelly]

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

[Jasoliya]

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;}

[visivo]

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

[Jasoliya]

Send your store url

[ip93]

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!

[Jasoliya]

Send your store url

[ip93]

http://storeurlhehe.com

[Jasoliya]

Add this css:

.product__submedia-list{display: none;}

[ip93]

Works! Great! 

Thank you very much! 

Have a nice day.

---

@Jasoliya wrote:

Add this css:

.product__submedia-list{display: none;}

---

[caprempeh]

Hi, 

Is there a way to do this for the Debut theme please? 

I've tried but with no luck unfortunately 😞

Thank you!!

[Jasoliya]

you can hide it by my give css bu you cant make it like debut theme for that we have to change many code for thumb mages. 

[Bells_beach]

Hey I also have the narrative theme and this problem.. Can you help me out?
Really want to remove the product pictures right under the product.

Thanks in advance.

[Jasoliya]

add this code:

.product__submedia-list{display: none;}

[Bells_beach]

Where exactly in the code?

thanks in advance.

---

@Jasoliya wrote:

add this code:

.product__submedia-list{display: none;}

---

[Luke121]

I Have the same problem and adding code doesn't work

[Luke121]

Hey Jasoliya adding this code in narrative theme doesn't work for me is there any other code