Hello, I have been searching and cannot find a code that works. I am wanting to have item photos for products that do not have variants and are sold out to automatically be reduced in opacity. I also am wanting to make items that have variants have “grayed out” variants in the product drop downs s…

Hi @NCCShop , Go to Assets > theme.css and paste this at the bottom of the file: .grid-product__tag--sold-out+.grid-product__link .grid__image-ratio { opacity: 0.5; } Hope it helps!

How to automatically reduce opacity for sold out items?

Technical Q&A

LitExtension August 8, 2022, 7:41am 2

Hi @NCCShop ,

Please send your site and if your site is password protected, please send me the password. I will check it.

Topic		Replies	Views
How to grey out sold out variants in the product drop down? Technical Q&A shopify-theme	4	18	November 17, 2022
How to change the opacity of sold out items? Shopify Discussion troubleshooting	2	9	May 21, 2023
Reduce Opacity On Thumbnail Images For Sold Out Variants Store Design	1	3	August 19, 2021
Sold Out Items opacity and gray out Studio Theme Technical Q&A optimization , css , shopify-theme	14	20	July 25, 2023
Make out of stock variant appear opaque on product page Store Design customizations , footer	0	3	September 29, 2023

How to automatically reduce opacity for sold out items?

Related topics