Remove "Sold Out" Label from Collection pages

[darboscalante]

Hello! I'm looking for having the "sold out" label hidden from collection pages but still show on product pages.

I've read that this can be done tweaking the <theme-styles.scss.liquid> I'm using. The thing here is I was unable to find the right line I need to change.

This post has a part of the answer for me, but the class name that applies for my theme 😞

https://community.shopify.com/c/Shopify-Design/Out-of-Stock-label-change/td-p/440741

I'm using the Ella theme by the way. Any help would be GREATLY appreciated!

Thank you!

[KetanKumar · Accepted solution]

@teja2810 

Thanks for post.

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

.price--sold-out .price__badge--sold-out {
    display: none;
}

[oscprofessional]

Hello darboscalante,

Please share your site url.

I will let you know.

[teja2810]

Hello! I'm looking for having the "sold out" label hidden from collection pages but still show on product pages.using debut theme.

[Lajos]

Hi can you help me please?

I need to hide the sold-out tag from my product catalog. I tried all the advice but it doesn't work for my theme.

My url: https://www.energetikon.com/collections/all

Theme: Colorblock

Thanks for the answer

Best regards

[teja2810]

Hello! I'm looking for "sold out" label hidden from collection pages but still show on product pages.using debut theme.

[oscprofessional]

Hello teja2810,
Please share your site url.
So that i can check and let you know the exact solution here.

[teja2810]

my site diy-home.online

[KetanKumar · Accepted solution]

@teja2810 

Thanks for post.

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

.price--sold-out .price__badge--sold-out {
    display: none;
}

[Victoria1231]

Dear Ketan, 

I just applied your advice to my css and now my site has crashed. Are you able to help me please? I pasted the code you listed to the bottom of the theme.scss.liquid file and now the site won't render at all! Please help??

[KetanKumar]

 @Victoria1231 

sorry for that issue 

[MLG0810]

hello. i need assistane ASAP. i have this white label/badge on products which shows up and it is a label for sold out items. i do not want to it to appear on my products and do not know how to disable it at all - i don't even know if it came from an app because it was not initially there for - it just popped up at some point. it looks so bad, so kindly assist asap. link here.

[LizJ]

Hi Ketan,

I have tried this on my store as I’m wanting to also remove ‘Sold Out’ from collection pages (but keep on product page). This solution doesn’t seem to work on my theme. Are you able to help me please? 🙏🏼 I am using Icon theme 

[LizJ]

@KetanKumar @My url is 

https://wander-wildco.myshopify.com/admin

[KetanKumar]

@LizJ 

thank but o can't see can you please show me?

[LizJ]

Sorry @KetanKumar I should have mentioned it is an update of our theme still currently being worked on & has not yet been published. Can I still edit or add to code with this being the case? 

[KaedeCashmere]

Hi,

my Site does not have theme.scss.liquid. can you advise me where to hide the sold out bage? Thanks

https://46b0ae.myshopify.com/collections/childrens-cashmere

[Jazbird]

hi there I have followed these instructions but cannot find this theme.scss.liquid code in the Assets area? Would it be different with other themes? My website is https://admin.shopify.com/store/saint-somebody-usa - using Blockshop theme by Troop. Thank you in advance! 🙂

[KetanKumar]

@Jazbird 

can you please provide  proper store url

[Jazbird]

We currently have a domain redirect in place but the .com.au site uses the same theme. It's https://saintsomebody.com.au/

Thank you for your help 🙂

[KetanKumar]

@Jazbird thanks for url i can see only sale label doesn't show sold out can you please show me

[Jazbird]

Are you able to see this page? This is the actual site as we are using this domain for now. https://saint-somebody-usa.myshopify.com/collections/one-pieces.

We don't want the label to appear on collection pages. Thank you 🙂

[Jazbird]

https://saint-somebody-usa.myshopify.com/collections/one-pieces

[KetanKumar]

@Jazbird great thanks can you please try this code its work
1. Go to Online Store->Theme->Edit code
2. Asset->/theme--async.css ->paste below code at the bottom of the file.

.product--label[data-label-type="out-of-stock"] {display: none;}

[Jazbird]

Amazing thank you! That worked. Really apprecoate your help! 🙂

[Jazbird]

Appreciate! 🙂

[KetanKumar]

@Jazbird its  my pleasure to help us 

[Josiah311]

I am having the same issue and cannot get this code to work on my site. I'm using Dawn theme...

www.waldlauferfootwear.com

[KetanKumar]

@Josiah311 oh sorry for that issue but i can't see sold out i can see coming soon 

[PageFly-Victor · Accepted solution]

Hey @darboscalante,

You can also try this code 😄

.template-collection .grid-view-item--sold-out .price__badge--sold-out{
display: none;
}

Just add it to the theme.scss.liquid file within your theme code. 

By the way, I think your collection page is a bit basic and lacks of much important information. So if you ever think about optimizing the collection page, I suggest you add at least these things:

• Secondary hover images for each list item
• Add to cart button (Because these are all products that people can buy instantly without reading much)
• Information about variants if any.

You can take a look at this article about optimizing collection, aka product listing page. 

[susi1717]

Hello!
I tried the solution mentioned above. Unfortunately, it doesn't work for the theme I am using (--> Spring Theme).

Can anyone help, please?

Thanks, Susanne

The website is: https://www.pinkewelle.de/collections/all

[KetanKumar]

Hello, @susi1717 

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

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

.label-product.sold-out {
display: none;
}

[houseofcheshire]

Hi, I am using the Brooklyn Theme and none of the above seem to be working for me. 

my website is:

www.houseofcheshire.co.uk

Thanks you 

Beth

[KetanKumar]

Hello, @houseofcheshire 

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

can you please share want do you exactly 

[sourcematerialc]

looking to remove  sold out.

I had to set my inventory to 10,00000

to get to go away

I have the simple theme

my site is https://sourcematerialcontent.com

[KetanKumar]

@sourcematerialc 

Sorry you are facing this issue, it would be my pleasure to help you.

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

sorry but i can't see sold out label at collection page 

[blackcatcabood]

HI

I am trying to remove "Sold Out" from my items at: https://blackcatcaboodle.com,

examples at https://blackcatcaboodle.com/collections/occult-religion   Brooklyn theme. thanks.

[KetanKumar]

@blackcatcabood  can you please send brookly theme url