Discount % on collection page

Store Design

Topic summary

A user seeks to remove the discount percentage display (“-XX%”) from collection pages on their Shopify store using the North theme.

Solution Provided:

  • Navigate to theme settings → Edit Code → search for ‘theme.liquid’
  • Insert custom CSS code near the <head> tag to hide the discount percentage
  • A screenshot was included showing the exact placement location

Current Status:

  • The original poster confirmed the solution worked and thanked the responder
  • A follow-up question emerged about conflicting instructions: the written directions say “paste below the <head> tag” while the screenshot indicates “paste here” above the head tag
  • This discrepancy remains unaddressed, leaving some ambiguity about the precise code placement
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I want to remove the -XX% from our collection pages on shopify North Theme. Could anyone advise?

store is www.thatsmyoffice.co.uk

2

Hi!

The following code will do what you want. If you encounter any issues again, feel free to write, I’ll help.

  1. Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘theme.liquid’ in the search bar.

  2. Paste the following code below the ‘’ tag. Please refer to the attached screenshot for guidance.

shopify.head.jpg
shopify.head.jpg1366×545 61.8 KB

1 Like
3

Thanks Terence thats a great solution and I appreciate your fast response

4

You are welcome :wink:

Let me know if you need any further assistance. Feel free to tag me or send a private message when opening a new topic. If I find time outside of our software and “Shopify Premium Support” service, I can assist.

Best regards.

Terence.

5

Hi terence

Am i missing something? You say paste the code below head tag but on the screenshot you marked (paste here) above head tag.