How do I add 'SOLD' icon to product images in Debut theme?

Store Design
1

Hi,

How do add a ‘SOLD’ icon to out of stock product images in the Debut profile? Also, how do I remove the ‘SOLD OUT’ icon which currently appears next to the product descriptions?

2

@shelleyd
Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

and you can add it by custom code.
let me know if you want anymore help.

thank you.

3

It’s https://onyx-and-elm.myshopify.com/admin password aulick

4 
span.price__badge.price__badge--sold-out:after {
    visibility: visible !important;
    top: 0;
    content: "sold" !important;
 
}
span.price__badge.price__badge--sold-out {
    visibility: hidden !important;
    position: relative !important;
}

Add this code in the theme.css or theme.scss

5

At the bottom?

6

yes

7

if it can’t work then. please give me collaboration access. then i can easily help you to get this.
Thank you.

8

It didn’t work, unfortunately. It just change the text and appearance of the existing icon:

shelleyd_0-1642406577711.png
shelleyd_0-1642406577711.png450×607 225 KB

I want it to look like this:

shelleyd_1-1642406633475.png
shelleyd_1-1642406633475.png382×467 150 KB

9

I’m happy to give you collaborator access - do you need to send me a request?