How to show automated discount prices on product pages

I created an automated discount for some collection on my website. But the discounted prices are only visible once you add the items to the cart and look at the cart page. Is there a way to show the discounted prices on the collection page and product pages where all the items are visible with the prices?
I am using debut theme.

Hello,

to disply discounted prices on collection and product pages in the debut theme before adding items to cart, you will need to modify the theme’s liquid code. Edit the product liquid template to include logic that checks for applied discounts and displays both regular and sale prices.

I tried but nothing is working to show automatic discounted price on product pages and collection page could you tell me how you did it

I tried but nothing is working to show automatic discounted price on product pages and collection page could you tell me how to did it or if their is any app to show discounted price as I can’t use compare price option

Hi @sualeh_12 You can use any of the discount apps available on the Shopify app store to display the discounted price on the product and the collection page, You can try using the Discount Depot App for the same.

almost 2025.. and shopify hasn’t added this feature. SAD.

2 Likes

Hi @sualeh_12 ,

I have just made an app specifically to show discounted product prices on the product page and collection , the app utilizes metafields and can display discounted price (from the automatic discount you have created on Shopify Admin) on the product page / collection / search result.

Most other apps in App Store requires you to create a new discount in their app, my app does not have this requirement, and you can use your existing Automatic Discount created in Shopify Admin.

You can generate the discounted price text with one click in the app (it will follow the discount percentage / amount of the automatic discount).

On product page, you can use the app block to display the discounted price (you can drag and drop it in the theme editor), which does not impact the store speed, as it uses Liquid to output the discounted price. (There’s also instruction in the app for showing discounted price in collection / home page, I would be happy to assist on the setup)

The app name is Yagi Automatic Discount Helper (https://apps.shopify.com/yagi-automatic-discount-helper ), you can view the demo store in the app listing page to see how it works.

soulchild37_0-1742294129926.png

Hope this can help!

Regards,

Axel Kee (developer of the Yagi Automatic Discount Helper app)

@sualeh_12

Shopify themes hide the real price when discounts are applied.

You set up an auto-applied discount.

But your product pages still look like nothing’s on sale.

That’s not your fault.

It’s how Shopify handles discounts by default.

  • Cart page? Sure, discount shows.
  • Collection page? Nothing.
  • Product page? Still full price.

Which means your conversion rate takes a hit before the customer even clicks “Add to Cart.”

There’s a fix.

It’s an app that auto-applies the discount and updates every price, live, across product and collection pages.

No compare-at price needed. Works with pretty much every theme.

Took me 2 minutes to get it working.

Happy to share what Shopify App I used: https://apps.shopify.com/adsgun