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