Shopify stores designed and launched
Shopify product page task
Shopify Show Discount Price on Product Page: Show Shoppers What They Are Saving
Need to show discount price on product page in Shopify, with the old price crossed out and the percentage saved? We set it up in a duplicate theme, keep it right for every variant and test it on real phones. From $39, fixed price.
- Sale price and struck-out price
- Percentage off badge
- Right for every variant
- Same look on cards and cart
Our track record
450+ Shopify Stores Launched Since 2015. Now Let Us Handle Your Discount Price Display.
Store Design Expert has designed and launched more than 450 Shopify stores, and verified clients rate us 4.9+ on average. A discount price display is a small task, so it gets a fixed price, a clear scope and the same checking as a large project.
Average rating from verified clients
Building Shopify stores since
Secure checkout
Pay through a protected checkout and keep a full order record.
Two revision rounds
Included in every package, so the result matches what you pictured.
Backup before changes
We work on a duplicate of your theme, never on your live store.
Problem and result
Shopify Show Discount Price on Product Page: A Price Area That Sells the Offer
A sale only works if shoppers see it. A lone lower number looks like a normal price, while the old price crossed out beside a clear percentage off tells the story in a glance. Getting it right on every variant, card and cart line takes more care than a single line of code.
A discount nobody notices
The compare at price is set in the admin but the theme shows only the sale price, or shows both in the same plain style. Shoppers cannot tell it is a deal, and variants with other prices show the wrong saving.
A saving that is clear on every screen
The sale price stands out, the original price is struck through and a percent off badge states the saving. It updates with the variant and looks the same on cards, the page and the cart.
What is included
What Your Price Display Includes
When you ask how to add a sale price on Shopify and show the discount clearly, you get the display built in your theme and checked on every variant.
Implementation checklist
- Sale price styled to stand out, with the original price struck through
- A percentage off badge calculated from the compare at price
- An option to show the saving in money as well as percent
- Prices that update when the shopper changes variant
- The same display on collection cards, search and the product page
- Display only when the compare at price is higher than the price
- Clean rounding and spacing on small phones
- Handover note explaining how to set a compare at price for any product
The display follows the compare at price you enter, and the reference price you show must be honest and allowed in your market, which stays your responsibility. We do not set your prices or run your sales.
See how it works
From a Plain Price to a Saving Shoppers Notice
Follow one visit. The shopper opens a discounted product, sees the old price crossed out and the percentage saved and changes size without the numbers going wrong.
Scope boundaries
Exactly What Is and Is Not Covered for Your Discount Price Display
Your discount price display is priced against a defined scope, so check what is covered, what is excluded, what we need and when a separate quote makes more sense.
Included
- A sale price display on your live templates
- Percent and money saving options
- Variant updates and mobile checks
- Two rounds of revisions, then a handover note for Show Product Price, Compare Price & % Off
Not included
- Setting or changing your prices
- Discount codes or automatic discounts
- Scheduled sales
- Changes to the part of checkout that Shopify controls
Access we need
- Collaborator access to your Shopify store
- Products with compare at prices
- Your choice of percent or money
Quote triggers
- Prices that differ by market
- Tiered or volume prices
- A store theme modified at length by page builder apps
Typical turnaround
- 1 to 2 working days for most discount price display jobs
- Faster options in the calculator
- Timing confirmed before work starts
After launch
- Two revision rounds before go-live
- A short handover note for your discount price display
- Questions answered; anything bigger than Show Product Price, Compare Price & % Off quoted as a separate task
Compare your options
Shopify Show Discount Price on Product Page With a Theme Setting, an App or a Freelancer?
See how the main ways of handling a discount price display stack up on the points that tend to cause trouble later.
| What matters | Do it yourself | Marketplace seller | Full-service agency | Store Design Expert |
|---|---|---|---|---|
| Updates with the variant | Sometimes | Often | Sometimes | Yes |
| Same display on cards and cart | Sometimes | Often | Varies | Yes |
| No monthly fee | Yes | No | Yes | Yes |
| Correct maths on every product | Often | Often | Varies | Yes |
| Price known before work begins | Free but time-costly | Varies | Quote only | Yes |
| Theme backup before any change | No | Rarely | Usually | Yes |
| Two revision rounds included | No | Varies | Extra cost | Yes |
| Handover note for what changed | No | Rarely | Sometimes | Yes |
Price calculator
Price Your Discount Price Display
Pick a package, adjust the options for your discount price display and set your speed. The fixed price and delivery estimate update with every click, with no hidden fees.
Request a custom quote
Prices that differ by market, tiered prices and themes heavily modified by page builder apps are scoped separately and quoted at a fixed price.
Request a QuoteChanged your mind? Choose Markdown Basic, Markdown Standard or Markdown Plus above to return to the instant calculator.
How it works
How We Handle Your Discount Price Display, Step by Step
Here is the route your discount price display takes in six steps, ending with a published result and a note on how it works.
- 01
Purchase
Select the package and options that fit your discount price display, and checkout locks in a fixed price and a delivery estimate.
- 02
Access
Approve our collaborator request and fill in the short brief, and ownership never changes hands while we work on the discount price display.
- 03
Build in a duplicate theme
We build the discount price display in a duplicate theme first, so a mistake can never reach your live checkout.
- 04
QA
We run the discount price display through a test pass on small phones, tablets and desktop screens and correct what we find.
- 05
Handover
Following your approval we release the discount price display and leave you with a clear record of the changes.
- 06
Support
If something about the discount price display needs a second look after launch, ask and we respond, and bigger changes get their own fixed quote.
Compatibility and QA
Price Display Checks and Acceptance Criteria
The discount price display is only handed over once it meets the acceptance list below, and a saved copy of your theme means nothing is ever final until you say so.
What we test
- MathsThe percentage and money saving match the price and compare at price.
- VariantsEach variant shows its own price and saving when selected.
- CardsCards and the cart show the same display as the page.
- DevicesThe discount price display is checked on recent iPhone, Android, tablet and desktop widths, including small phones at 320 pixels.
- BrowsersShow Product Price, Compare Price & % Off is checked in current Chrome, Safari, Firefox and Edge.
- Edge casesProducts with no compare at price show a normal price.
Acceptance criteria
- The sale price and struck-out price show clearly
- The percent off badge is correct
- Variants update the display
- Cards and cart match the page
- The handover note explains how to set a compare at price
What we need to get started
What We Need to Get Show Product Price, Compare Price & % Off Started
Give access in whichever way you prefer, then send the short list of details for the discount price display, and nothing reaches your live theme before you approve it.
Collaborator access
Invite us from your Shopify admin and we can begin the discount price display without anyone sharing a password, and you remove us when the work ends.
No store yet? We build it first
Starting from scratch is fine, because we build the discount price display in our development store and hand ownership to you at the end, and you pick your Shopify plan only then.
Prefer to share a login?
If you would rather not use the collaborator route for the discount price display, send staff login details, although we always recommend the easier-to-revoke option.
What to show
Tell us whether you want percent off, money saved or both.
Where
Tell us if the display should appear on cards and the cart as well as the product page.
One decision maker
Pick one reviewer for the discount price display so every change request lands at once and fits the two included rounds.
If you are unsure which route suits the discount price display, say so in the short form after checkout and we will suggest the simplest one.
Testimonials
What Store Owners Say Before You Order Show Product Price, Compare Price & % Off
Verified feedback from clients who trusted us with their Shopify stores and quick tasks alike.
Verified
Store Design Expert is the best. The work is very professional, they pay close attention to detail and, more importantly, they listen. Their level of cooperation is second to none, and everything was delivered in a very timely manner. I will keep them in mind for future projects.
BN
Barbara N.United States
Verified
Very patient, informative and transparent, and they did exactly what they said they would do. Thanks for all the help!
RO
Raymond O.United States
Verified
Store Design Expert is the only one I use for all things WordPress. They have a high level of understanding, deliver quality work and are easy to deal with.
SC
Scott C.United States
Verified
A pleasure to work with. They did pretty much everything I asked and definitely exceeded my expectations. I will be working with Store Design Expert again soon.
JL
Jerry L.United States
Verified
Superb work! Store Design Expert is incredibly patient, and even when I did not fully understand my own questions, everything was explained again in detail. My vision was implemented perfectly, and the work is worth every cent I spent.
KB
Katrin B.Germany
Verified
Very impressed with the build-out. My store is ready to get started, and I am sure I will reach out for edits down the road, but this is everything I could ask for to get the party started. Thanks again, and I will be in touch for future projects.
DH
Dale H.United States
Verified
Very quick and detailed work! Store Design Expert does exactly what you want, in a very professional manner.
LF
Lena F.Germany
Verified
Store Design Expert did an outstanding job with top-notch professionalism on my website project. Everything was delivered quickly without compromising quality. I could not have asked for better!
JM
Jason M.United States
Verified
The website development work was nothing short of professional, with top-notch quality. Their exceptional level of cooperation made the collaboration seamless and enjoyable. Highly recommend working with Store Design Expert!
JC
Jeremy C.United States
Related searches
What People Search For Before Ordering Show Product Price, Compare Price & % Off
The searches below are the ones that lead people to Show Product Price, Compare Price & % Off.
If you searched for “how to show discount percentage in shopify”, “how to add sale price on shopify” or “compare at price shopify”, Show Product Price, Compare Price & % Off is the work that answers it.
People who look up “shopify show compare at price” usually want Show Product Price, Compare Price & % Off; the calculator above shows the price and delivery estimate before you commit.
FAQ
Shopify Show Discount Price on Product Page Questions
Straight answers about cost, scope, timing, apps and what we need from you for your discount price display.
How do I show discount price on product page in Shopify, and can you do it for me?
Yes, we do it for you. Packages start at $39. The calculator adds options such as custom sale colours, rounding rules, a variant check and a minimum saving, and shows your exact price and delivery estimate before checkout.
When will the discount price display be ready after I order?
Expect 1 to 3 working days for the discount price display once we have access to your store, with faster delivery available in the calculator when you need it.
Is Show Product Price, Compare Price & % Off safe for my live store?
Yes. We work on the discount price display in a duplicate theme first, check it against a written list and publish it only after you say yes, leaving your original theme as a backup.
What do you need from me for Show Product Price, Compare Price & % Off?
Collaborator access to your store and products with compare at prices. With no store yet, we set one up in our Partner account, build the discount price display there and hand ownership over to you.
Which Show Product Price, Compare Price & % Off package should I choose?
There are 3 Show Product Price, Compare Price & % Off packages: Markdown Basic at $39 (1 working day), Markdown Standard at $69 (1 to 2 working days) and Markdown Plus at $119 (2 to 3 working days).
What do I get with Markdown Basic for Show Product Price, Compare Price & % Off?
The sale price shown with the original price struck through and a percentage off badge, taken from the compare at price you already set. It includes: Sale price and struck-out price; Percentage off badge; Read from compare at price; Desktop and mobile tested; Saving in money and percent. Markdown Basic costs $39 and takes 1 working day.
Which choices do I make for Show Product Price, Compare Price & % Off?
The Show Product Price, Compare Price & % Off calculator asks for a package and 3 more choices: what should it show (Percent off badge, Percent and money saved); where should it appear (Product page only, Page, cards and cart); how soon do you need it live (Standard, Sooner, Fastest).
Are there optional extras for Show Product Price, Compare Price & % Off?
Extras available with Show Product Price, Compare Price & % Off: Custom sale colour and badge (+$5), Rounding rules (+$5), Check of variants with different compare prices (+$15), Hide the saving below a minimum (+$10) and Fix a price display that shows wrong values (+$15).
What is the delivery time for Show Product Price, Compare Price & % Off?
Depending on the package, Show Product Price, Compare Price & % Off is delivered in 1 to 3 working days. Faster scheduling is offered in the calculator: Sooner (+$21), Fastest (+$41).
Ready when you are
Shopify Show Discount Price on Product Page: Make the Deal Impossible to Miss
Pick your package, see the exact price and delivery estimate and get a sale price, struck-out original and saving badge that are right on every variant and screen. If you need prices by market or tiered prices, request a quote and we will scope it with you.
Fixed price · Two revision rounds · Backup before changes