Discounted price not showing on the product page, only at checkout.

Shopify Discussion
1

I created a 50% discount that applies to specific products and selected them accordingly. However, on the product page, the discount is not applied—the original price is shown. The discounted price only appears at checkout. How can I make the discounted price visible on the product page as well?

1 Like
2

hey @sreemayi plz share the url of your Website

3

@sreemayi , are you looking to solve it with / without an app?

Without an app

  1. You’d need to edit the code of your theme
  2. You can create a new price variable and multiply it by 0.5 and render it on your product page
  3. That way you can show the final discounted price on the product page

Using our app

  1. You can setup custom discounts per product / collection / entire store
  2. Drag and drop the Product price app block - no custom code
  3. Hide the theme’s default price block
  4. Final discounted price is now shown on the product page :slightly_smiling_face:

Let me know which of these methods you’d choose to go with and I can help you with either,

Best,

4

Hello @sreemayi !

If you want to show the discount on the product page, my guess is that you will need to enter compare-at-price for each product individually. Discounts are only applied at checkout.

But you can install a free app like B: Banner Slider, Sales Pop Up (you can search the Shopify App Store for alternatives) and create a discount banner with your discount code and place it on the product pages of specific products. I think it doesn’t work with automatic discount.

Group 74.png
Group 74.png1910×916 110 KB

5

Ah I missed adding a few key points.

Discounts in Shopify are applied on top of the product price and by default will only show in the cart / checkout pages respectively.

If you want to show the final discounted price on the product page. You’d need to either solve it yourself by coding it in your theme / product using metafields.

Or if you don’t know how to do it / maintain it. Use an app that solves this for you.

Regards

6

@sreemayi , JIC, I’d also mention that instead of applying discounts at checkout, you can use the compare-at price field. This option does have some limitations, however, it’s actually what Shopify recommends for displaying prices at checkout.

Compare-at-price.png
Compare-at-price.png633×243 16.5 KB

If you’re only discounting a few products, you can manually set compare-at prices in the admin panel. But if you’re dealing with a larger number of products, using an app like Alpha Sale can help avoid human error and save time.

7

@sreemayi Yeah, this is frustrating for a lot of merchants.
Here’s what’s happening - Shopify Discounts are processed at cart/checkout level, so prices don’t update across your store pages.

A few options to fix this:

  1. Manual route: Update all your compare-at prices manually (time-consuming and error-prone, especially with 50% off)
  2. Custom development: Hire a developer to build scripts that display discounted prices (expensive and can break with theme updates)
  3. Apps that handle this: There are apps like Adsgun that automatically display discounted prices everywhere before checkout. Makes the whole “50% off” actually visible where it matters - on the product pages where people make buying decisions.

The visibility issue is real - customers need to see those savings upfront to get excited about the deal.
Hidden discounts = missed sales.

Hope this helps you get those prices showing properly! :raising_hands: