Hide Product Thumbnail on Specific Product Page, only

Store Design
1

I need help hiding a product thumbnail for 1 specific product only. I have figured out the CSS to hide these globally (below), but need the right syntax to apply to 1 page. Please help!

.product-thumbnail .swiper-slide-active img {
display: none !important;
}

2

@danainspan

Sorry for facing this issue, it’s my pleasure to help us.

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

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

also mention special product page url

3

@danainspan - can you please share this specific product link?

4

Thanks, the product page URL is https://synth-palace-demo.myshopify.com/products/synth-lessons

5

@danainspan - your page do not have unique id for this page hence applied css will be applied for all, you will need to add {{ product.handle }} to the div tag id which wraps these thumbnails slider and using that id you can set css for this page only.

If you are not familiar with coding then I can do it.

6

Hello Suyash,

Thanks for this response.

I am not entirely familiar with how to do this. Perhaps you can copy any code below or outline the few steps needed here?

Thank you again,