How Do I Change 'Sold Out' Badge to an Image Overlay? Dawn Theme

Store Design
, , ,
1

My site is litmeup.us , the password is lit

I’m using the Dawn theme.

Ok so right now my Sold Out displays on the bottom left in a small black pill:

ask4help1.png
ask4help1.png399×429 124 KB

Is it possible for the site to pull an image link and display that on top of the product grid when it’s sold out?

Is it also possible to reduce the opacity of sold out items?

ask4help2.png
ask4help2.png399×429 108 KB

(the “sold out” circle is just a placeholder idea, I do want it to be an image file though)

Thanks again, let me know if you need any additional information.

2

Hi @ilistentoemo

This is Noah 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: click on theme.liquid and paste the code above the

PageFlyNoah_0-1693361003099.png
PageFlyNoah_0-1693361003099.png2880×1516 341 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like
3

I appreciate the comment, but this isn’t necessarily what I’m looking for. Here is a website doing something close to what I’m after: https://rugsoda.com/

Would you know how to get a similar result?

4

Hi @ilistentoemo Sorry it will need a lot of custom code which i can’t provide.
You can hire for an expert to achieve exact the effect you need