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

Accepted Solution (1)

Accepted Solutions
Jasoliya
Shopify Expert
4535 586 1148

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.
Want to convert visitor to buyers ? try This app.
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

View solution in original post

Replies 85 (85)
KetanKumar
Shopify Partner
35872 3584 11603

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jasoliya
Shopify Expert
4535 586 1148

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.
Want to convert visitor to buyers ? try This app.
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 🙂
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

Jasoliya
Shopify Expert
4535 586 1148

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.
Want to convert visitor to buyers ? try This app.
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?

Jasoliya
Shopify Expert
4535 586 1148

Send your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
ip93
Tourist
10 0 2

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
Shopify Expert
4535 586 1148

Send your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Jasoliya
Shopify Expert
4535 586 1148

Add this css:

.product__submedia-list{display: none;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
ip93
Tourist
10 0 2

Works! Great! 

 

Thank you very much! 

 

Have a nice day.


@Jasoliya wrote:

Add this css:

.product__submedia-list{display: none;}

 

caprempeh
New Member
1 0 0

Hi, 

 

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

I've tried but with no luck unfortunately 😞

 

Thank you!!

Jasoliya
Shopify Expert
4535 586 1148

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. 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Bells_beach
New Member
2 0 0

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
Shopify Expert
4535 586 1148

add this code:

.product__submedia-list{display: none;}
Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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
Bells_beach
New Member
2 0 0

Where exactly in the code?

thanks in advance.


@Jasoliya wrote:

add this code:

.product__submedia-list{display: none;}

 

Luke121
Excursionist
15 1 4

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

 

Luke121
Excursionist
15 1 4

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