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

gregrosser86
Tourist
4 0 1

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
Shopify Partner
14378 1669 5166

@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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
gregrosser86
Tourist
4 0 1
KetanKumar
Shopify Partner
14378 1669 5166

@gregrosser86 

Thanks for it 

do you have like this? so please this code

KetanKumar_0-1611309930828.png

 

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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
gregrosser86
Tourist
4 0 1
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]
0 Likes
gregrosser86
Tourist
4 0 1

Unfortunately, that doesn't help

The original design looked like this:
Screenshot 2021-01-23 at 17.38.39.png

 

If I edit the code to your suggestion, it looks like this, which isn't right either:
Screenshot 2021-01-23 at 17.37.16.png

0 Likes
KetanKumar
Shopify Partner
14378 1669 5166

@gregrosser86 

opps, sorry for that

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes