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.
Topic summary
A merchant using the Debut theme created an automated discount for a collection, but the discounted prices only appear in the cart—not on product or collection pages. They want customers to see the reduced prices upfront.
Initial suggestions:
- Modify the theme’s Liquid code to check for applied discounts and display sale prices alongside regular prices.
- The original poster attempted this but couldn’t get it working.
App-based solutions proposed:
- Discount Depot App: Mentioned as an option for displaying discounted prices on product and collection pages.
- Yagi Automatic Discount Helper: Uses metafields to show discounted prices from existing Shopify automatic discounts. Features a drag-and-drop app block for product pages and doesn’t require recreating discounts within the app.
- Adsgun: Auto-applies discounts and updates prices live across product and collection pages without needing compare-at prices.
Status: The discussion remains open with multiple third-party app recommendations. One commenter expressed frustration that Shopify hasn’t built this feature natively.
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.
Hope this can help!
Regards,
Axel Kee (developer of the Yagi Automatic Discount Helper app)
1 Like
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
Hello @sualeh_12
To display discounted prices directly on the collection page or product pages, if you are interested, then I recommend using a third-party app called “Discount Ray – Wholesale Pricing.”
This app provides several automatic discount features that can help, including:
-
Quantity-based discounts
-
Variant-specific price discounts
-
Bundle discounts
-
Personalized discounts
The key benefit of Discount Ray is that it allows you to show discounted prices directly on the product, not just in the cart. This will ensure customers see the discounted price upfront without having to add items to their cart. It’s very easy to install and set up—it takes only a minute.
The app also offers a 14-day free trial, so you can explore its features without commitment. If you’re interested, their support team is available to guide you through the setup process.
I hope this solution helps with displaying the prices as you want.
Thank you.