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

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

RevivalBrand
Tourist
5 0 0

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

Replies 7 (7)

PaulNewton
Shopify Partner
7450 656 1560

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.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


Entaice
Trailblazer
149 10 42

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.

You can increase your revenue by 5% by replacing Shopify's default sorts. Test for free. **Show me how**
RevivalBrand
Tourist
5 0 0

The Answer I needed thank you

heddykhalifa
Shopify Partner
209 14 41

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
Shopify Partner
1272 144 160

Hi @RevivalBrand ,

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

Screenshot 2024-10-24 190349.jpg

 

Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial
RevivalBrand
Tourist
5 0 0

This is the answer I needed thank you!

websensepro
Shopify Partner
1272 144 160

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

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

Free Shopify Beginner Tutorial