Hi does anyone know the code so I can make SOLD OUT product images fade out on collection pages? Im using Dawn theme. TIA 
2 Likes
@JP1704 YOu can achieve it with a little bit of coding.
- Go to theme code Online Store > Themes > Actions > Edit Code
- Find Assets > base.css
- At the bottom add the following three lines
.fade_img{
opacity: 0.5;
}
- Find Snippets > card-product.liquid
- Find the line
- And replace it with
Find attached screenshots for reference
1 Like
can you please share store url so i will check and let you know
@JP1704 Did the solution, I posted above work for you?
I love this! Could you modify it for the Story theme? We’ve been looking for a way to do this for awhile now. Thank you!
BGA
hi mate, i tried just now and didn’t work for Dawn12.0.
I’ll keep looking. thank you though
1 Like