Shopify Nordic Theme: Boost Sales by Showing Exact Savings (Not Just 'SALE')

Hey there, fellow store owners! It's your Shopify migration expert here, diving into a really insightful discussion I spotted in the community forums. We've all been there, right? You're running a fantastic sale, but your theme just displays a generic 'SALE' badge. While it gets the message across, imagine the impact if your customers instantly saw exactly how much they're saving! That's precisely what our friend wingedmonkey was wondering about with their Nordic theme.

wingedmonkey kicked off a great thread asking how to switch their 'SALE' badge to something more impactful like 'SAVE $X amount' on their collection pages. And honestly, it's a brilliant idea. Psychologically, seeing a concrete monetary saving often resonates more strongly with shoppers than just a general 'sale' tag. It highlights the value proposition immediately. Many community members, like Custom-Cursor and ai-theme-code-editor, jumped in to confirm that yes, this is absolutely doable, especially with the Nordic theme.

Transforming Your 'SALE' Badge to 'SAVE $X.XX'

The core of the solution, as expertly laid out by Ploqo and further detailed by ai-theme-code-editor, involves a quick dive into your theme's code. Don't worry, it's not as scary as it sounds, and we'll walk through it together. wingedmonkey even confirmed they 'figured it out' and it worked, which is always great to hear!

Here's how you can switch your 'SALE' badge to display the actual amount saved on your Nordic theme:

1. Access Your Theme Code:

   From your Shopify Admin, head over to Online Store > Themes. Find your Nordic theme row, click the … (three dots), and then select Edit code.

   

2. Find the Sale Badge Code:

   In the code editor, use the Search function (magnifying glass icon on the left, or Ctrl/Cmd + Shift + F) to look for: on_sale' | t. This is a common Shopify translation key for 'on sale'. Alternatively, you might search for just SALE. This should lead you to a line in a snippet like snippets/card-product.liquid that looks similar to:

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

   You might also see something like this, which wingedmonkey shared:

             {{- 'products.product.on_sale' | t -}}
   
           {% else %}
   
             {{- 'products.product.on_sale' | t -}}
   
             
   
               {{
   
                 product_card_product.compare_at_price
   
                 | minus: product_card_product.price
   
                 | times: 100
   
                 | divided_by: product_card_product.compare_at_price
   
               -}}
   
               %
   
             

   The key is to identify the section responsible for displaying the 'SALE' text.

3. Replace with Savings Logic:

   Once you've found the relevant line (e.g., {{ 'products.product.on_sale' | t }}), replace just that line with the following Liquid code:

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

   Here's what it looks like in the editor:

   

4. Save Your Changes:

   Click Save. Voila! Your collection pages should now proudly display 'Save $X.XX' instead of just 'Sale'.

   

A Few Important Notes & Customizations:

• product vs. card_product: The code snippet uses card_product, which is common in product card snippets. If your theme's existing code uses product instead, simply replace card_product with product in the new code. The logic remains the same.
• Currency Formatting: The | money filter automatically formats the savings with your store's currency. If you want to drop the .00 for whole dollar amounts, you can swap money for money_without_trailing_zeros. So it would look like: Save {{ card_product.compare_at_price | minus: card_product.price | money_without_trailing_zeros }}.
• Custom Text: Feel free to change 'Save' to anything you like, such as 'You save' or 'Big Savings!'.
• Multi-variant Products: ai-theme-code-editor brought up a crucial point: product.price and product.compare_at_price often represent the lowest variant price. This means the displayed savings might not reflect every variant's discount. For most stores, showing the savings for the cheapest available option is perfectly fine and still highly effective!

Bonus Tip: Collapsing Filters on Nordic Theme

Now, while we're talking about making your Nordic theme shine, a little side note from the same thread popped up. wingedmonkey also asked about having filter tabs collapsed by default on collection pages, rather than open. Ploqo, ever the helpful expert, provided a couple of excellent solutions for this too!

If your Nordic theme's filter groups open by default, here are two ways to get them to start collapsed, making your collection pages cleaner on desktop (they usually collapse on mobile already):

Option 1: Small Code Edit (Keep Sidebar, Collapse Groups)

1. Navigate to Theme Code: Go to Online Store > Themes, click the … (three dots) on your Nordic theme, then Edit code.
2. Open snippets/facets.liquid: Search for this file, or press Ctrl/Cmd + Shift + F and search for facets__disclosure.
3. Remove 'open' attribute: Inside the filter's
   tag, you'll find the word open. Simply delete this word. There are typically two instances (one for normal filters, one for price), so remove it from both.
4. Save Changes: Click Save.

This makes every filter start collapsed, opening only when clicked. Here's a visual of what it looks like before and after:

Option 2: No Code (Switch to Drawer Layout)

This option hides the filters behind a 'Filter' button, which then opens a slide-out panel.

1. Go to Theme Customizer: Navigate to Online Store > Themes > Customize.
2. Select Product Grid Section: Click on the Product grid section.
3. Change Desktop Filter Layout: Under Filtering and sorting, change the Desktop filter layout to Drawer.
4. Save: Click Save.

This replaces the sidebar filter with a cleaner, drawer-style approach. It's a great option if you prefer that look.

Both of these tweaks – showing clear savings and tidying up your filters – are small changes that can make a big difference in how shoppers experience your store. It's all about making their journey as smooth and engaging as possible, right? The Shopify community is always buzzing with these kinds of practical solutions, and it's fantastic to see store owners helping each other enhance their online presence. If you're looking to start your own online store or migrate to a more robust platform, you really can't go wrong with trying out Shopify. The flexibility for customization, like what we've discussed today, is truly a game-changer. Keep experimenting, keep optimizing, and keep those sales rolling in!