How to fade out SOLD OUT product images

Scale164
Visitor
2 0 0

Hello, does anyone know the code so I can make SOLD OUT product images fade out on collection pages? I'm using Refresh theme. TIA

 

Replies 2 (2)

Asad24
Shopify Partner
180 35 31

Go to coolection page code file and write this code

{% if product.available = false %}

.product-card {
opacity: 0.5;
transition: opacity 0.3s ease-in-out;
}

{% endif %}

banned
Scale164
Visitor
2 0 0

Sorry, doesn't work.
Where can I find the collection page liquid file on Refresh theme?