Lower the opacity of the product photo when the item is sold

[ExoticSouls]

Hello, can anyone give me code to lower the opacity of the product photo when the item is sold out like how https://kingspider.co/collections/new-arrivals has it ?

Im using craft theme and my site is www.exoticsouls.world

click the top right and my password us esfam1

thank you!

[PageFly-Victor]

Hi @ExoticSouls

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: Find and Click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Victor | PageFly

[BSS-Commerce]

Hi @ExoticSouls

We didn’t see any places to enter the password, so we couldn’t access your website. If your website uses the same theme as https://kingspider.co/collections/new-arrivals, follow these steps:

1. Go to Edit Code and search for CSS files (theme.css, theme.scss, base.css. base.scss, …)

2. Add the CSS code to the bottom of the file:

.is-sold-out img {
  opacity: .5;
}

As a result, the sold-out products will be blurred like the website https://kingspider.co/collections/new-arrivals.

I hope that it will work for you.

[ExoticSouls]

worked thank you!