Hide First Image On Product Page (Dawn Theme)

its, heir-looms.myshopify.com… do you think you can help me please?

1 Like

Is there anyway to do this with the 2nd image?

1 Like

@heirlooms

oh sorry for late reply 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.
.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide:first-child {
    display: none !important;
}

@Witness

oh sorry for that issue can you please share store url so i will check and let you know

You can hide the first two images. May I know why hide the second image?

1 Like

@heirlooms

oh sorry for that issue can you please send store url so i will check and and let you know

hello! first of all thank you so much for all the people you help. i was wondering if you could help me accomplish this as well. i tried the code you suggested but it removed the main product image display box on my product page instead of the first thumbnail.

my url is http://thewavv.myshopify.com

thanks for any help you may be able to provide!

can you do it for IMPact Theme?

Hi Ketan,

How can i do this for a *specific collection of products as i don’t want to show the first image for that 1 collection only cause the first image is for homepage display only. Im using Dawn Theme.

1 Like

@crepscity oh sorry for that issue

if possible to share more details like store url collection name or url so i will check and let you know proper solution

Hi,

store: https://crepscity.com/

collection to trigger: https://crepscity.com/collections/m-outfit

1 Like

@crepscity thanks for details

i have checked your all products only 1 image i can’t see multiped product image can you please show me

*Note this section is created on beae editor however, im sure we can still target the collection or products individually to hide the first image on the product page only, without targeting all products on my store.

1 Like

@crepscity Thanks bt i can’t see

i think you have provide wrong url please give me your testing theme url

You can observe the testing theme/products with the links i have shared above. I will add the multiple product images later in the testing products once the first image is removed.

Hope you understand.

@crepscity without url i can’t see code but can you 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;}

I have shared the url: crepscity.com

The code you said to try semi-worked but it hid every first image product from my hole store. I want to target that 1 collection only?

1 Like

@crepscity yes i have try but it can be done some customization code

1 Like

so, can you provide me some code ?

1 Like

@crepscity if possible to add me staff account so i will try to code draft theme and let you know