Dawn theme, v15.0.0. How to remove the SOLD OUT badge from a single collection?

Store Design
, , ,

Topic summary

A user seeks to remove “SOLD OUT” badges from a single collection page (select-portfolio) on their Shopify store using Dawn theme v15.0.0. Previous solutions that worked on v14.0.0 no longer function after the update.

Initial Attempts:

  • Early suggestions involved editing theme.liquid and adding CSS to hide badges, but these removed badges from all collections rather than just the target collection.
  • The user previously succeeded by adding specific CSS to base.css targeting the collection by ID, but this method failed after upgrading to v15.0.0.

Solution:
A helper provided updated CSS code targeting the specific collection’s product grid section:

.section-template--[collection-id]__product-grid-padding .card__badge { display: none; }

Outcome:
The solution successfully removed the SOLD OUT badges from only the desired collection page. The discussion is resolved.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Page I am wanting to implement the changes on: https://rowsomeleather.com/collections/select-portfolio

I would like to remove the “sold out” badges from the images. I was successfully helped to do it on v14.0.0, but since updating to v15.0.0 this morning, I can’t get it to work - even after following the previous, successful instructions.

Please let me know how I can do it! TIA!

2

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Find this code

Replace it with
  1. Next find this code in same file and next to it add this code
.select-portfolio .card__badge {
    display: none;
}

Thanks

3

Hi @CyberCraft_11 ,

Thanks for the reply. Unfortunately this removes the badge from all collections. I only want it removed from a single collection, as stated in my title.

4

Hi @Guleria ,

Unfortunately I wasn’t able to find this code - only this variant

{{ 'accessibility.skip_to_text' | t }}
5

Try again:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Find this code

Replace it with
  1. Next find this code in same file and next to it add this code
.select-portfolio .card__badge {
    display: none;
}

Copy

Thanks

6

Sorry, still not working.

Last time, all I had to do was add this code to the end of the base.css file. . . Too bad its not so easy this time!

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

There are different methods:
Needs same as previous then use tis one

.section-template--17407936692376__product-grid-padding .card__badge {
    display: none;
}
1 Like
8

YOU DID IT!! Thank you soooo much!!