Hide First Image On Product Page (Dawn Theme)

Store Design
1

Hi,

Is there anyway to hide the main media item (the first product image in shopify) only on the product page.
So, the main media item will show on the home page & collection page, but will be hidden on the product page. The product page will only show the second image onwards from the Shopify backend.

Would someone be able to assist with this issue?

I am currently using the Dawn Theme 2.3.0

https://globalvirginhair.com/

Thanks,

GVH

1 Like
2

@GVH

sorry for that issue but how can i check i can’t see multi product image any product

1 Like
3

Hi @KetanKumar ,

Thanks for responding.

There are multiple product images on many of the items. The ones that only currently have one image, I will upload another onto.

Is this something you can help me with?

1 Like
4

@GVH

yes, please send product url

5

Hi @KetanKumar

here is one https://globalvirginhair.com/products/3-bundle-collection-deepwave , but it would be for all the products on the website.

1 Like
6

@GVH

thanks for url, can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css ->paste below code at the bottom of the file.
.product__media-item:first-child {display: none;}
2 Likes
7

Thanks! @KetanKumar

1 Like
8

@GVH

its my pleasure to help us

9

Is there a way to only show the first image and not the others?

1 Like
10

@AndreasFandango

yes, please share store url so i will check and update

1 Like
11

https://rumags.myshopify.com/

password 1234

want to remove the thumbnail under the photo or just remove all product photos except the first one.

1 Like
12

@AndreasFandango

great thanks for share us yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide:first-child {
    display: none !important; 
}
1 Like
13

Thanks @KetanKumar . The code worked when I removed :first-child, but the arrows is still there. Is it easier if I change from thumbnail carousel to stacked?

1 Like
14

@AndreasFandango

yes, please

1 Like
15

Thanks @KetanKumar . I have now changed to stacked. Do you have a code for me boss?

16

Do you have a new code for me after stacking the images instead of carousel thumbnail?

Skjermbilde 2022-11-21 kl. 09.39.11.png
Skjermbilde 2022-11-21 kl. 09.39.11.png1063×1068 132 KB

1 Like
17

@AndreasFandango

oh sorry for late here yes its work

18

Hi Ketan,

I have craft theme and this is not working. Could you please help me?

1 Like
19

@heirlooms

can you please share store url so i will check and let you know

20

sure, it is heir-looms.myshopify.com