Display sale price

Store Design

Topic summary

A merchant using the Dawn theme wanted to display sale prices alongside regular prices on product pages, rather than only showing them at checkout.

Solution provided:

  • Use Shopify’s “Compare at price” field in the product pricing settings
  • Enter the original/regular price in the “Compare at price” field
  • Enter the discounted amount in the “Price” field
  • The Dawn theme automatically displays the regular price with a strikethrough and highlights the sale price

Implementation methods suggested:

  1. Edit individual products in Shopify Admin
  2. Use bulk edit feature for multiple products
  3. Export/import CSV files for sitewide sales

Resolution:
The merchant initially had the prices reversed in the fields, but once corrected, the strikethrough pricing displayed properly. Alternative suggestions included using automatic discounts or third-party apps, though the built-in “Compare at price” feature proved sufficient.

Note: This feature works on standard Shopify plans; checkout page customization requires Shopify Plus.

Summarized with AI on October 25. AI used: claude-sonnet-4-5-20250929.
1

I want to have the sale price beside the regular price rather than the customer seeing the salke price at checkout. How do I do that.

Dawn theme. davidandrua.ca

2 Likes
2

Hello @fineedge ,

I hope you are doing well!

I have checked that the store URL is not working.

Also, you can use automatic discounts or discount codes instead of “compare at price. Basically, a Shopify Plus store can only edit the checkout page.

3

sorry, davidandrau.ca

4

Can you please confirm if you have Shopify plus or which plan do you have?

5

We have a standard shopify account.

6

Ohh Okay! The checkout changes will not work here. So, what I recommend to you is add the automatic discount applied to everyone. Instead of compared prices.

7
  1. Shopify Admin
  2. Products Tab
  3. Select Products
  4. Bulk Edit
  5. Add Column “Compare At Price”
  6. Base Price = Your New Price
  7. Compare-at Price = Your Original Price
8

This will create a strike through on the original Price and highlight the new sale price.

1000046379
10000463791920×535 35 KB

9

ok i did that but i still dont see the strike through price.

10

Screenshot 2025-08-28 182929
Screenshot 2025-08-28 182929625×483 5.59 KB

Make sure it looks like this when you bulk edit. Doing this will, by default, include the original price and the new price. If you still cannot see what I’ve screenshot above, there is something wrong with your code.

An alternative to this is to export the csv file, and edit these columns in your spreadsheet editor. Save as a different file, then import it to Shopify. This is less time consuming if you want to do a sitewide sale. But the answer is the same: Put the original price in the Compare-at column, and the new price in the Base column. Make sure you have a saved copy of the original csv file, for when you want to revert it back.

There are apps like Rockit Discounts and Sales. However, it does the exact same thing. Puts the old price in the campare-at column and the new price in the Base column. And that particular app has a very small item limit for the free plan. hope you get it figured out.

11

Hi @fineedge,

You just need to set compare-at price for the product, it will display well. Refer link

12

Hello @fineedge

By default, the Dawn theme shows only the current (sale) price unless you specifically enable the “compare at price” field in Shopify. That’s what allows you to display both the regular price and the sale price side by side on the product page instead of only at checkout.

Steps to show sale beside regular price:

  1. In your Shopify Admin → Products → select a product.
  2. Under Pricing, enter your original price in Compare at price, and your discounted amount in Price.
  • Example: Price = $80, Compare at price = $100.
  • This tells Shopify that $100 is the regular price and $80 is the sale price.
  1. Save. The Dawn theme is designed to automatically display both:
  • The sale price (highlighted).
  • The regular price (crossed out).

If your store isn’t showing it, you may need to confirm that your product card and product page templates still include the price.liquid snippet.

13

OK so I have the price configured and when in the app in my product I see the crossed out price. So far so good.

When I check the website, no go. This is what I see on the backend.

14

Can’t upload a picture for some reason

15

Ah OK, I had prices backwards..

1 Like
16

Glad to hear it was a simple fix.

17

Hi @Maximus3,

It’s my pleasure :blush:

18

Hi,

How about trying a third-party app like BOGOS? It can help you handle your requests easily.

:backhand_index_pointing_right: You can even try BOGOS for free here!