Shopify themes, liquid, logos, and UX
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
Hi @roborob,
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.
User | RANK |
---|---|
201 | |
173 | |
61 | |
52 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023