How to "Grey Out" sold out items - Prestige Theme

Hi there, wondering if someone could provide me some code please.

I use the prestige theme on my store: www.hallofthefallen.co.uk

I would like so that when an item is out of stock, the image is “greyed out” so that it’s easily distinguishable from the items that are in stock. This would apply to a product when it’s viewed on the collection page, and the product page.

Presently, there is only a “sold out” label which appears in the top left.

Thank you kindly,

Greg

Hi there - this can be done using some custom code. We assume you want this done on the collection grid views, and at the product variant view, on the product template?

Let us know, thanks.

WhiteWater Web

That’s correct,

Thank you

Ok, we can assist with this if you need an Expert hand. Please feel free to email us!

Cheers.

WhiteWater Web

Hi @HalloftheFallen

We’ve carefully checked your website and found your problem quite complicated. So we suggest hiring a developer.

It’s what we can help with an optimal solution. If you need help from our expert, kindly share your request with us via Shopify experts: https://experts.shopify.com/bss-commerce/services?utm_source=Shopify+Community&utm_medium=Post+reply&utm_campaign=_

We will check it and give you a detailed solution. We’re looking forward to working with you.