Grayed out Sold Out Products on Venture Theme

New Member
3 0 0

I'm currently revamping my site from Debut to Venture. I want to make sure some of the same features work, to make the site easy to use for my customers. One of the things that works really nicely is the fact that I have an opacity filter on top of sold out items to make them look faded out. Quick indicator to buyers that it's sold out. I cant find a line of CSS to make this edit. Does anyone know how to do this, specifically for the Venture theme?

0 Likes
New Member
3 0 0

The only line of code I can find that even mentioned "sold out" is this:

 

.btn--sold-out[disabled] {
background-color: $color-error-bg;
color: $color-error-input-text;
}

 

... and I'm not sure why it says disabled. 

0 Likes
Shopify Partner
87 16 21

Hello @Corvink 

 

You need to add a custom class for that product grid when that product is sold out after that using that class in CSS file you need to add css code to grey out that product.

 

Best Regards
Parth Bhut

............................................................................................................................

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: parth.bhut143@outlook.com

0 Likes
New Member
3 0 0

Ah, ok. Thanks.

 

Which .liquid file would I update to add the class to the grid? 

0 Likes