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

Replies 85 (85)
Luke121
Excursionist
15 1 4

Go to product.template.liquid and delete this code


<div class="product__submedia-list product__submedia-list--r{{ total_modulus }}{% if total_media == 1 %} product__submedia-list--single{% endif %}">

{% for media in product.media %}

{% unless variant_media_ids contains media.id and section.settings.hide_variant_media %}
{% capture data_image %}
data-parent-fit="cover"
{% endcapture %}

{% include 'product-preview-image' with media, featured_media: false, gallery_type: 'submedia', data_image: data_image %}

{% endunless %}
{% endfor %}
</div>

 

Luke121
Excursionist
15 1 4

Go to product.template.liquid and delete this code


<div class="product__submedia-list product__submedia-list--r{{ total_modulus }}{% if total_media == 1 %} product__submedia-list--single{% endif %}">

{% for media in product.media %}

{% unless variant_media_ids contains media.id and section.settings.hide_variant_media %}
{% capture data_image %}
data-parent-fit="cover"
{% endcapture %}

{% include 'product-preview-image' with media, featured_media: false, gallery_type: 'submedia', data_image: data_image %}

{% endunless %}
{% endfor %}
</div>

Jasoliya
Shopify Expert
4474 575 1119

Hi @Luke121 

Send your store url i will check

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
jamieszt
New Member
1 0 0

Hi,

I am trying to remove the small product images under my main image but keep them as variants so when a customer picks that variant, the main image changes to that specific variant paired with the hidden picture if that makes sense? I am using the minimal theme. At the moment I have about 28 or so small images under the main image, also as you can tell I'm new to this, is my shopify URL literally the domain name?

 

I've seen various replies saying add this code

.product__submedia-list{display: none;}

but where in the code for product-template.liquid is this added?

 

I really would appreciate if someone could clear this up for me!

Jamie 

mylonc
New Member
4 0 0

Hey! @Jasoliya  This solution seems to work great but apparently not with the Boundless theme which I use. Do you have a solution for that theme too? 🙂 I want to hide the variant images and only show 1 image (the product image) and have only the variants show when they are being selected by a customer. My store is thirsty-pal.com and password thirstypal (It's designed for mobile devices only)

Jasoliya
Shopify Expert
4474 575 1119

Hi @mylonc 

For this theme need to add selector to variant images after that we can remove or hide it.

right all images are generating in same selector div. PM me, also need to change page structure because main image showing at left side in this theme. 

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
Vikkonecom
New Member
2 0 1

Hey there, 

I'm having this trouble with my Debutify theme. Could you help me remove the variant pictures in the gallery? 

Here's my store url: https://winter-roads.myshopify.com

I appreciate it a lot,

Viktor

KetanKumar
Shopify Partner
31527 3144 10553

Hello, @Vikkonecom 

Welcome to the Shopify community!
and Thanks for your Good question.

can you Please share further issues screenshot which one do you have hide 

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
Vikkonecom
New Member
2 0 1
[image: image.png]

It's these ones sir. Thank you very much.
Jasoliya
Shopify Expert
4474 575 1119

Hi @Vikkonecom 

So you want to hide all those thumb images? or just all variants assigned image from this slider and just want to keep rest images ? 

Capture.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
everafterjew
Tourist
4 0 1

Luke's solution worked for me, thank you Luke!

NitWit_Admin
New Member
1 0 1

Hello,

I'm having this same issue and want to remove the variant images underneath the primary product photo:

NitWit_Admin_0-1602037842879.png

 

Here is the URL:

https://the-nitwit-shop.myshopify.com/products/back-9-tee

 

KetanKumar
Shopify Partner
31527 3144 10553

Hello, @NitWit_Admin 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__thumbnails {
    display: none;
}

 

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
Extenfullhair
Tourist
3 0 1

Hello-

 

I would like to remove the image for some of my products. I would like my services to show as a list without any images.

Jasoliya
Shopify Expert
4474 575 1119

Which theme you have send 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
KetanKumar
Shopify Partner
31527 3144 10553

Hello, @Extenfullhair 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
Extenfullhair
Tourist
3 0 1
Extenfullhair
Tourist
3 0 1
KetanKumar
Shopify Partner
31527 3144 10553

@Extenfullhair 

Thanks 

can you please check the theme setting 

enable thumbnail 

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
silknsoleil
New Member
11 0 0

Hi, i also use Narritive theme and my product photos are at the bottom of the page. Can I move them up with my initial product photo?