Changing sale badge to amount saved

[wingedmonkey]

Hi - right now my theme has the badge “SALE” for sale items but want to change it to SAVE $x amount on the collection page

its the nordic theme

[devcoders]

Hi @wingedmonkey

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder

[FoysalAhmed]

@wingedmonkey

SALE

Just take a look here: https://www.youtube.com/@foysalshopifyexpert/search?query=Discount

Ready solution for me. Just follow the guidelines.

[Ploqo]

You’re on the Nordic theme. I built and on a Nordic store

Do this

1. Go to Online Store > Themes. On the Nordic row, click the … (three dots) > Edit code.

2. In the code editor, open Search (the magnifying glass on the left, or press Ctrl/Cmd + Shift + F). Search for: on_sale' | t

3. It lands on the sale badge line, which looks like this:

{{ 'products.product.on_sale' | t }}

4. Replace just that line with:

Save {{ card_product.compare_at_price | minus: card_product.price | money }}

5. Click Save.

(The code editor looks the same on every theme, so these steps match what you’ll see.)

The collection badge now reads Save $15.00 instead of Sale.

Note:

• If your line shows product instead of card_product, keep product.
• It uses your store currency automatically.
• To drop the .00, swap money for money_without_trailing_zeros.
• Change the word Save to anything you like (for example You save).

[Custom-Cursor]

@wingedmonkey

Hi - right now my theme has the badge “SALE” for sale items but want to change it to SAVE $x amount on the collection page

its the nordic theme

Hey, @wingedmonkey
Hope you are doing well!
If nordic supports custom liquid, you can replace the “SALE” badge with a calculated saving amounts using the compare at price minus the current price.

[wingedmonkey]

hi thank you so much for your help. i believe this is the section you are talking about {% if settings.badge_sale_type == ‘sale’ %}

          {{- 'products.product.on_sale' | t -}}

        {% else %}

          {{- 'products.product.on_sale' | t -}}

          <span>

            {{

              product_card_product.compare_at_price

              | minus: product_card_product.price

              | times: 100

              | divided_by: product_card_product.compare_at_price

            -}}

            %

          </span>

[wingedmonkey]

i figured it out - the exact language referring to the product price or compare at price was slightly different.

but it worked tysm!

[wingedmonkey]

you helped with this - any chance you can tell me how to have my filter tabs collapsed by defauly on the collection pages vs open as they are now

[Ploqo]

Nordic opens every filter group by default.

Here are two ways to have them start collapsed.

Option 1 - Keep the sidebar, just collapse each group (small code edit)

• Online Store > Themes. On your Nordic row, click the … (three dots), then Edit code.
• Open snippets/facets.liquid. Or press Ctrl/Cmd + Shift + F and search for facets__disclosure.
• In the filter’s <details> tag you’ll see the word open. Delete just that word.
• There are usually two of these (one for the normal filters, one for the price filter). Remove open from both.
• Click Save.

Every filter now starts collapsed and opens on click.

Option 2 - No code (switch to the Drawer layout)

Hide the filters behind a Filter button instead.

• Online Store > Themes > Customize
• Click the Product grid section
• Filtering and sorting > Desktop filter layout > Drawer
• Save

Your filters now open from a slide-out panel, so nothing shows expanded on the page. This replaces the sidebar, so pick this only if you like that look.

Notes:

• On mobile your filters already open collapsed, so this is a desktop change

Regards,

Ajay