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! 

[Luke121]

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]

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]

Hi @Luke121 

Send your store url i will check

[jamieszt]

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]

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]

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. 

[Vikkonecom]

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]

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 

[Vikkonecom]

[image: image.png]

It's these ones sir. Thank you very much.

[Jasoliya]

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 ? 

[everafterjew]

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

[NitWit_Admin]

Hello,

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

Here is the URL:

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

[KetanKumar]

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

[Extenfullhair]

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]

Which theme you have send store url 

[KetanKumar]

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.

[Extenfullhair]

https://extenfull-hair.myshopify.com/

[Extenfullhair]

thank you, extenfull-hair.myshopify.com

[KetanKumar]

@Extenfullhair 

Thanks 

can you please check the theme setting 

enable thumbnail 

[silknsoleil]

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?