Hi there,
Hope everyone viewing this is well today!
I’m coming to you with an oddly specific question today. I’m starting a vintage clothing website where I sell individual pieces to my customers. Once a piece is sold I’d like to be able to display sold the listings on a separate “Archive Page” on the website as a sort of visual portfolio.
I’ve sort of set this up by creating a collection to dump my sold items into which can be accessed through the side bar but when it’s viewed on the website these items naturally display the sold out badge because they are no longer available.
TLDR: Is there any way I can remove the sold out badge from being displayed for specific collections of products or all collections would work as well. I’ve seen people fix this using liquid but not within the Spotlight Theme unfortunately.
Any advice would be greatly appreciated!
-Tommy
Where do you want the sold-out badge to not be displayed anymore? Everywhere or just inside the product page?
Hi Paul,
I would just like to remove the sold out batch for a specific collection of my products. If that’s not possible however then I would also settle for disabling the sold out badge across the whole website.
Thanks for your time 
It is possible to remove the sold-out badge for a specific collection of your products. What’s the name of the collection? I can guide you in adding the code.
It’s called “Archive”. Currently it’s empty as I haven’t launched my store but the idea will be to move products into the collection when they sell.
Thanks for your help!
@SBTommy
Sorry for the late update. I was busy with helping another person for the last many hours. I have now made this in Spotlight Theme, let me know if this is what you are looking for.
Here we have two products whose inventory are both 0. Product A belongs to Archive Collection, while Product B belongs to Not Archive Collection. Product A has the sold-out badge, while Product B does not.
Archive – martin-dumpstore
Not Archive – martin-dumpstore
password: 1
Check their product pages too. Though the sold-out button is there but I can still remove it just like the badge.
Hi Martin,
The way you’ve set up Product B is exactly how I would like the products in my “Archive” collection to appear. 
Sold out + No sold out badge is absolutely perfect! Instructions on how to do this would be greatly appreciated.
Thanks a lot,
Tommy
You’re welcome! Although I got it the other way around whoops. But I can change it, no problem. Is it okay for you that I’ll send you a guide tomorrow? (currently 8PM here), I’m in a middle of something tonight and also would like to unwind for a bit.
Yes that’s no problem at all Paul! We all need time to unwind and I’m in no rush at all. Will look forward to hearing from you
Thanks for all your help,
Tommy
Hi again Tommy,
This is the 1st part of the guide. I’ll be splitting it since it’s two different files to change. This part is for the product page.
To do this, go to Themes > … > Edit Code > Snippets folder > Look for the file named: “price.liquid”
After that, go to the bottom of the file and you should see this:
Change that into this:
{%- if show_badges -%}
{{ 'products.product.on_sale' | t }}
{% assign p_collections = product.collections | where: 'title', 'Archive' %}
{% unless p_collections.size > 0 %}
{{ 'products.product.sold_out' | t }}
{% endunless %}
{%- endif -%}
This will hide the sold-out badge, in the product page, for those items inside the Archive collection.
For the cards, the second part of this guide.
To do this, go to Themes > … > Edit Code > Snippets folder > Look for the file named: “card-product.liquid”
Look for this bit. The numbering in the file and in the screenshot should be the same, if not, just use CTRL + F to find the id=“”:
Change that into this:
{%- if card_product.available == false -%}
{% assign p_collections = product.collections | where: 'title', 'Archive' %}
{% unless p_collections.size > 0 %}
{{- 'products.product.sold_out' | t -}}
{% endunless %}
Another thing you want to change is this:
Change that into this:
{%- if card_product.available == false -%}
{% assign p_collections = card_product.collections | where: 'title', 'Archive' %}
{% unless p_collections.size > 0 %}
{{- 'products.product.sold_out' | t -}}
{% endunless %}
This will hide the sold-out badge, in the cards, for those items inside the Archive collection.
Let me know if it works or not, and I’ll see what I can do.
Hi Paul,
This is brilliant! Works even better then I had initially imagined possible I really appreciate your help. At the bottom of the page there’s a small piece of text saying “.badge{ display: none: }” is this something I’m seeing as admin or will it need a quick fix? Not a major issue either way and I’m very grateful either way.
Kind Regards,
Tommy
You’re welcome Tommy! I’m glad you liked it.
That shouldn’t be there. In my dump-store, it is not. (You can’t check my store right now, I’m demo-ing a table-builder section I built for someone else)
Would it be possible for you to send me a link to your site? You can send it here or message me by clicking on my profile and send-a-message button.
