How to remove the "Sold Out" badge from only one specific collection?

Solved

How to remove the "Sold Out" badge from only one specific collection?

RowsomeLeather
Excursionist
28 0 9

I have a special collection template that I am using as a portfolio/archive. I want it to be viewable for visitors, but I don't want the "Sold Out" tag to be on the images. 

Is there a way to do this? 

TIA

Collection: https://rowsomeleather.com/collections/select-portfolio

Custom leather goods
Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10036 2387 3013

This is an accepted solution.

Hi @RowsomeLeather 

Check this one. This only shows on this specific collection section. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

div#shopify-section-template--17263469658264__product-grid .card__badge.bottom.left {
    display: none;
}

 

And Save. 

Result:

Made4uoRibe_0-1717514030449.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 7 (7)

SpellnSell
Shopify Partner
13 0 1

Hi - not sure how much a programmer you are but you can do that quickly by going to the collection template and adding a condition like this:

 

{% if collection.title contains "your collection" %}
<style>

.card__badge {display:none;}

</style>

{%endif%}

 

 

 

Note: This will remove all badges (if you have others as I didn't check) 

 

Need help with your Shopify store? Check Spell&Sell
RowsomeLeather
Excursionist
28 0 9

Thanks for the reply!

 

I copied this code and updated my collection name. I tried to add it into both the custom css on the template, and the json collection code file. Neither will accept this. 

 

Where is it meant to be applied? 

Custom leather goods
tim
Shopify Partner
3963 409 1469

One way is to use "Custom liquid" section/block.

 

Or, you can also duplicate your collection template and use this template copy only for this particular collection, then you should be able to use "Custom CSS" and paste only what's inside <style>..</style> there.

 

Neither "Custom CSS" nor json templates support liquid.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

Made4uo-Ribe
Shopify Partner
10036 2387 3013

This is an accepted solution.

Hi @RowsomeLeather 

Check this one. This only shows on this specific collection section. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

div#shopify-section-template--17263469658264__product-grid .card__badge.bottom.left {
    display: none;
}

 

And Save. 

Result:

Made4uoRibe_0-1717514030449.png

 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
RowsomeLeather
Excursionist
28 0 9

This worked perfectly! Thank you so much. 

Custom leather goods
RowsomeLeather
Excursionist
28 0 9

One quick question - say I wanted to apply this code to another collection, where did you find the identifying number for the collection? 

Custom leather goods
Made4uo-Ribe
Shopify Partner
10036 2387 3013

Its by the section id can you share the link? 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.