Remove "Sold Out" Label from Collection pages

Store Design
1

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 :frowning:

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!

2

Hello darboscalante,

Please share your site url.

I will let you know.

3

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

4

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

5

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

6

my site diy-home.online

1 Like
7

@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;
}
4 Likes
8

Hey @darboscalante ,

You can also try this code :grinning_face_with_smiling_eyes:

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

2 Likes
9

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

1 Like
10

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

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

1 Like
12

Hello, @houseofcheshire

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

can you please share want do you exactly

13

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

1 Like
14

@sourcematerialc

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

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

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

15

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??

1 Like
16

@Victoria1231

sorry for that issue

17

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.

18

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? :folded_hands:t3: I am using Icon theme

19

@KetanKumar @My url is

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

20

@LizJ

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