The store I am working on has two product categories; prints and framed prints: https://bard-shop.webflow.io/shop
I apply a picture frame with CSS via id attribute to framed prints. It’s easy to do on the above -linked page since I’m using two collection repeaters. But take for example a product page which can have a product of either category:
Framed print: https://bard-shop.webflow.io/product/aoife-framed-print
Is it possible to add/remove an element’s id attribute based on the enclosing product’s category? E.g. if on print product’s page I want to remove id attributes that give the images their frame. I can do this with JS by inspecting the URL, but this doesn’t seem scaleable or ‘safe’.
What’s the ‘webflow’ way to do this (conditionally apply CSS)?