I've been trying to find a way to affect a single specific product regardless of where it's shown on the site. I want just this one product to have a different background/hover affect via CSS.
Since we can't add a css class/id to a product in backend, here's what I've attempted and failed so far.
What other options are there? To help clarify, think of it like this. If I have 10 products in my shop. I want a hover effect on all of them (throughout the site) EXCEPT a specific one of those 10. It gets different hover effect.
Thanks for any additional brain power you might have. =D
You just need to add the product handle class to each product item, then you can css it, it will work separately.
Which theme are you using? I can help you check it in detail.
That's doable?! That would be perfect if I could target a class per product.
The theme I'm using is called Label.
Thanks in advance for any direction you might have.
Dive into the world of Print-on-Demand and discover how it can transform your online busin...By Imogen Feb 19, 2024
Discover how to transform your online store into a delightful shopping destination. Learn ...By Ollie Feb 13, 2024