Grey out product image in collection when out of stock

Grey out product image in collection when out of stock

stefanensko
Explorer
47 0 7

Hi all, i'm using sense 2.0 as theme

I'm looking for a way to grey out, change the opacity or something like that, in collection page when a product it's out of stock.

 

www.danicoffeeshop.com

 

none of the method i've tried so far was working

Replies 3 (3)

suyash1
Shopify Partner
9595 1199 1540

@stefanensko - sold out products do not have any custom css class, so need to edit code and make sure that sold out product has unique class to set css to it

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
stefanensko
Explorer
47 0 7

Any solution on how to do it please?

suyash1
Shopify Partner
9595 1199 1540

@stefanensko - it will need code editing

Support me | To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.