Hide Product Thumbnail on Specific Product Page, only

danainspan
Tourist
15 0 3
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;
}
Replies 5 (5)
KetanKumar
Shopify Partner
31429 3137 10517

@danainspan 

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

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.

also mention special product page url 

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
suyash1
Shopify Partner
5075 585 845

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

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
danainspan
Tourist
15 0 3
suyash1
Shopify Partner
5075 585 845

@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.

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly
danainspan
Tourist
15 0 3

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,