Brooklyn Theme - Remove 'cross through' on sold out variant, replace with 'SOLD OUT' text/logo

[gregrosser86]

Hey guys,

Using Brooklyn theme.

When a variant of one of my products is sold out, it gets a little line through it, which isn't super clear.

Can I replace this to say 'SOLD OUT' or similar?

I have ZERO coding experience so any help would be hugely appreciated.

Thanks!

[KetanKumar]

@gregrosser86 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[gregrosser86]

Sure!

It is http://vanillablackhome.myshopify.com/

[KetanKumar]

@gregrosser86 

Thanks for it 

do you have like this? so please this code

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.single-option-radio label.disabled:before {
    content: "SoldOut";
    transform: none;
    border: none;
    background: rgba(255,255,255, 0.9);
    color: #000;
    padding: 9px;
    left: 0;
    right: 0;
}

[gregrosser86]

Thans for this – but it unfortunately just gives me a massive white line through it, not the words ‘sold out’…

[A picture containing diagram Description automatically generated]

[gregrosser86]

Unfortunately, that doesn't help

The original design looked like this:

If I edit the code to your suggestion, it looks like this, which isn't right either:

[KetanKumar]

@gregrosser86 

opps, sorry for that

can you please add me staff account so i will quick fix.