Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
This is an accepted solution.
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;
}
This is an 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:
You can take a look at this article about optimizing collection, aka product listing page.
Hello darboscalante,
Please share your site url.
I will let you know.
Hello! I'm looking for having the "sold out" label hidden from collection pages but still show on product pages.using debut theme.
Hello! I'm looking for "sold out" label hidden from collection pages but still show on product pages.using debut theme.
Hello teja2810,
Please share your site url.
So that i can check and let you know the exact solution here.
This is an accepted solution.
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;
}
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??
sorry for that issue
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.
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
thank but o can't see can you please show me?
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?
Hi,
my Site does not have theme.scss.liquid. can you advise me where to hide the sold out bage? Thanks
This is an 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:
You can take a look at this article about optimizing collection, aka product listing page.
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
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;
}
Hi, I am using the Brooklyn Theme and none of the above seem to be working for me.
my website is:
Thanks you
Beth
Hello, @houseofcheshire
Welcome to the Shopify community!
and Thanks for your Good question.
can you please share want do you exactly
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
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
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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024