Hide 'sale' badge but show 'sold out' badge

Store Design
, ,

Topic summary

A user wants to hide the ‘sale’ badge on their Shopify store while keeping the ‘sold out’ badge visible on product and collection pages.

Proposed Solution:

  • Access the theme code via Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Add custom CSS before the </body> tag targeting the sale badge class
  • The CSS uses display: none !important to hide elements with the specific badge class (card__badge span.badge--bottom-left.color-scheme-5)

Status: The solution appears incomplete in the provided conversation, as the CSS code snippet is partially corrupted or improperly formatted. The discussion remains open with no confirmation of whether the solution successfully resolved the issue.

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

Hi All, is it possible to hide the ‘sale’ badge but DO show the ‘sold’ badge?

https://www.affluentarchives.co.uk/collections/trainers

Screenshot 2024-06-19 at 11.12.37.png
Screenshot 2024-06-19 at 11.12.37.png804×678 145 KB

2

Hello @DASCPA

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.card__badge span.badge--bottom-left.color-scheme-5 { display: none !important; }

techlyser_web_0-1718792428408.png
techlyser_web_0-1718792428408.png1231×355 109 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like