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

[shelleyd]

Hi,

How do I add a 'SOLD OUT' overlay to images in my 'Archive' collection so that it looks like this:

Also, how do I remove the 'SOLD' icon that is currently beside the product description in the Archive collection?

My store is https://onyx-and-elm.myshopify.com/admin 

[Zworthkey · Accepted solution]

@shelleyd 
Check out this App it would help you to add.

https://apps.shopify.com/product-labels-badges-modemagic

[shelleyd · Accepted solution]

@Zworthkey 

This worked perfectly. Thanks!

Do you know how I can now remove the 'SOLD OUT' box that appears below the product description in my 'Archive' collection?

[Zworthkey · Accepted solution]

@shelleyd 
Check out this App it would help you to add.

https://apps.shopify.com/product-labels-badges-modemagic

[Zworthkey]

@shelleyd 
if helpful like our Solution.

[shelleyd · Accepted solution]

@Zworthkey 

This worked perfectly. Thanks!

Do you know how I can now remove the 'SOLD OUT' box that appears below the product description in my 'Archive' collection?

[Zworthkey · Accepted solution]

@shelleyd 

span.price__badge.price__badge--sold-out {
    display: none !important;
}

1. Navigate to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

[shelleyd]

Perfect. Done!