Shopify themes, liquid, logos, and UX
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024