How to make the sale price first instead of strike through price on product page

Store Design
, , ,

Topic summary

Goal: Display the sale price first and the original (strikethrough) price second on a Shopify product page (Dawn theme).

Context: A screenshot and a product link were shared to illustrate the desired layout.

Latest update: A responder checked the live page and believed it already appears fixed.

If not fixed, recommended approach:

  • Edit the product template (product.liquid) in Shopify’s Liquid theme files.
  • Rearrange the output order so the sale price renders before the original price.
  • Example: place {{ product.price | money }} above the strikethrough element {{ product.compare_at_price_max | money }}.

Notes:

  • Liquid is Shopify’s templating language. compare_at_price_max is typically the original price used for strikethrough when a product is on sale.

Status: No confirmed resolution from the original poster; guidance provided, likely resolved based on the site check.

Summarized with AI on January 2. AI used: gpt-5.
2

Hi @ROEDADK ,

I checked your problem, looks like you’ve fixed it.

If not, “to make the sale price to be displayed first and the strike-through price to be displayed after it”, you can Rearrange Price Display Order on liquid file (product.liquid)

You’ll need to rearrange the order in which the regular price and sale price are displayed. Locate the code that outputs the sale price (often labeled {{ product.price | money }}) and move it above the code that outputs the regular price with strike-through (often using {{ product.compare_at_price_max | money }}).

Have a nice day, sir!