How can I display both the original price and the discounted price on a product?

[RevivalBrand]

How can I display both the original price and the discounted price on a product?

[PaulNewton]

Hi @RevivalBrand 👋 this would be an advanced theme customization that would have to use static business logic for the discount-price.

basically discounts are not calculated until AFTER an item is put into the cart so preemptive pricing data is not available.

So any discount logic has to be predefined separately such as in a tag, metafield, or metaobject to show the price to be expected in the cart/checkout.

If you need this customization then contact me for services or consultation.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[Entaice]

Hi there - I actually think this is possible (at least on the product page itself) 

To display both the original price and the discounted price on a product in Shopify, use the "Compare at price" field in the product settings. Here’s how:
1. Go to your Shopify admin and select "Products."
2. Choose the product you want to edit.
3. In the Pricing section, enter the discounted price in the "Price" field.
4. Enter the original price in the "Compare at price" field. This will show the original price crossed out alongside the discounted price on your product page.

[RevivalBrand]

The Answer I needed thank you

[heddykhalifa]

Hey RevivalBrand,

Heddy from Gameball: Loyalty Program & VIP here!

To display both the original price and the discounted price on your Shopify product page, you’ll need to modify your theme code slightly. Here’s what you can do:

1. Go to Online Store > Themes > Actions > Edit Code.
2. In your product-template.liquid file (or a similar file), locate where the product price is displayed.
3. Add {{ product.compare_at_price }} to display the original price alongside {{ product.price }} for the discounted price.

[websensepro]

Hi @RevivalBrand ,

See the below attachment for adding display both the original price and the discounted price on a product.

Thanks!

[RevivalBrand]

This is the answer I needed thank you!

[websensepro]

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[StefanRadulovic]

Heads up for anyone using discount codes (instead of manually setting compare_at_price) — the accepted answer won’t fully solve it.

Shopify doesn’t visually update the price when a discount code is used — it only applies at checkout. So even if a product is discounted, the original price still shows on the product page unless you hardcode the pricing.

If you’re running storewide sales or have hundreds of products, manually updating compare_at_price is a nightmare.

We’ve used a tool called Adsgun (https://apps.shopify.com/adsgun) that auto-applies discounts and updates visible prices dynamically across the site — homepage, product, cart, everywhere — without editing each product or messing with liquid.

Really helpful if you want the actual discount to show without rewriting everything.