How do I not grey out the "out of stock" items

Solved
ChanceLife
Tourist
5 1 1

Hi everyone,

I am trying to prevent my image thumbnails from being greyed out when an item is sold out. I tried to follow this thread but I do not know where I should go after selecting "edit code" so that I can fix this. Is anyone able to help? Appreciate it in advance.

0 Likes
NerdCurator
Shopify Partner
205 42 49

@ChanceLife Can you please share the URL of your store?

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
ChanceLife
Tourist
5 1 1
0 Likes
NerdCurator
Shopify Partner
205 42 49

This is an accepted solution.

@ChanceLife You can add this CSS code at the bottom of your CSS or SCSS file under the Assets folder:

.is-sold-out .product--image {
    opacity: 1;
}

 

Don't forget to like and Accept it as a solution if it solves the issue. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
ChanceLife
Tourist
5 1 1

This is an accepted solution.

Much thanks @NerdCurator.  While putting in that code, I came across the below and changed "0.5" to "1" in the theme.scss.liquid section.  This worked for me. Appreciate you taking the time to help.

Screen Shot 2021-03-06 at 6.31.52 PM.png

0 Likes
NerdCurator
Shopify Partner
205 42 49

This is an accepted solution.

@ChanceLife Glad, I could help. Please like and accept it as a solution. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com