Add Opacity for custom tag/label [Motion Theme]

ANIMØ
Visitor
3 0 1

Hey All,

Using the Motion theme. Is there a way to add opacity to a product (photo) with a custom tag?

Right now when product stock is set to 0, the product becomes more transparent and the label 'Sold-Out' is added. ('Uitverkocht' is the translation of 'Sold-out, fyi)

I'd like the same functionality, but for a custom tag. If I add the tag '_label_Pre-order', for instance.

So then the tag 'Pre-order' shows (instead of Sold-Out) and the product shot becomes more transparent.

 

Store url: www.animo-optics.com (password = fruhstuk)

 

Believe this part of the code adds the transparency (pasted in myself in theme.css.liquid)

}
.grid-product__tag--sold-out~.grid-product__link .grid-product__price {
display: none;
}
.grid-product__tag--sold-out~.grid-product__link .grid-product__image-mask{
opacity: 0.3;
}

Thanks in advance!

 

Regards,

Thomas

Replies 0 (0)