A merchant wants to display an automatic 40% discount on product pages for a specific collection, but the discount only appears in the cart. Unlike manual compare-at-price discounts, automatic discounts donât natively show on product pages due to Shopifyâs technical limitationsâdiscount information isnât available until items are added to the cart.
Proposed workarounds include:
{{ product.price | times: 0.6 | money }}), though this requires code edits for each sale and doesnât scale well across variants or multiple collectionsCommunity frustration:
Many participants express frustration that Shopify lacks this basic e-commerce feature natively, requiring either manual compare-at-price updates across hundreds of products or custom development/apps to achieve whatâs standard on other platforms. The thread remains open with no perfect native solution, though several app-based alternatives have been suggested.
Hi!
I have the same issue, but not sure I understood the solution you gave. I have a Collection with 15% automatic discount active for 24 hours. Id really like to learn how to show my automatic discounts on product and collection pages since it is a tool I use often. Thank you.
Hi @elisajordan , Ill give to you straight because I know there is a lot of chatter on this topic across the community forums. There is NO solution to the problem you are describing. I am a Shopify App developer and I can attest to the fact that there is no app or themes which will accomodate what you are describing.
What I described was an app that can help you promote a discount âcodesâ (not automatic discounts) in the collection page, product page, and cart page. Now I know you are looking for an app or theme modification that can acomodate âautomatic discountsâ, unfortunately this does not exist (I am investigating intensily a way to get this done dynamically for every theme but it is not easy).
So if you are open to creating a discount CODE (instead of automatic discount) for the collection you have, then you will be able to design a badge with the percentage discount on every eligible product in the collection page using Codeboost. Additionally you will be able to do this privately to customers (which automatic discounts do not allow). This means that 1 customer might see eligible products while another might not, this can help you increase loyalty for your most VIP customers.
Happy to answer any questions you might have about the app if you are willing to try it 
Thank you Paula, that worked great and was very helpful. I figured out how make it only apply to specific products. It does take some legwork though. I did this by creating a new theme template for the items I didnât want the sale to show on. Right now, I only have my products split into two categories (on sale and not on sale). My solution would be tedious for more numerous splits. I am using Debut theme.
I first made a copy of three properties: product.liquid under Templates folder, product-template under Sections folder, and product-price.liquid under Snippets folder. I named them product.alternate.liquid, product-alternate.liquid, and product-price-alternate.liquid respectively. I used these as my non-sale templates, so the code was identical to how it worked before Paulaâs solution.
I then went into each of the new files and found where they reference the original properties and referenced the new properties.
Template:
{% section âproduct-templateâ %}.
Swapped to {% section âproduct-alternateâ %}.
Section:
{% include âproduct-priceâ, variant: current_variant, show_vendor: section.settings.show_vendor %}
Swapped to {% include âproduct-price-alternateâ, variant: current_variant, show_vendor: section.settings.show_vendor %}
Snippet:
I didnât change this because I used these as my non-sale items. If you wanted to make these your sale items and the original properties your non-sale, you make Paulaâs change above to get the discount to show.
After all this, you exit the liquid area and go into each product you want to show your sale under Theme Template and select your newly created template.
It seems to be working for us so far. I plan on building out more of these properties on the backend so we can easily shift from sale-to-sale. As I said before, this would be cumbersome for someone who wanted to display a large variety of discounts on multiple groups of products, but it could be done.
Also you can also use minus: XXXX to do flat dollar amount discounts with Paulaâs code above.
Here is a suggestion. You can use the suggested code but make a separate template for items you want on sale.
so true. it is so basic thing and we are already in 2023 and still without this ability . ridiculous for a platform which meant for online shops.
Agree, total BS, I used VPCart (old platform) and it allowed to create discounted âCollectionsâ and the discount showed on Product pages.
So true. Itâs very annoying and scammy when basic, expected features are intentionally not enabled or included, like slashed prices appearing with automatic discounts set. SURE we can do the compare pricing thing, MANUALLY, to all products and WITHOUT capability to auto expire the discount.
Why doesnât Shopify produce a product that include this obvious needed capability? Who thinks is good enough to set a discount without the customer being able to see that a product is on sale and its regular price?
Hi @Brando1 ,
For automatic discount to be visible on product page, you will need to custom code, and also calculate and store the discounted price for each eligible product (as the automatic discount information is not available on the product page via the theme code, an unfortunate technical limitation by Shopify), which can be complex.
I have just made an app specifically to solve this issue , the app utilizes metafields and can display discounted price (from the automatic discount) on the product page / collection / search result.
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)
Hey @Brando1 âwhat youâre running into is a common limitation with Shopifyâs automatic discounts. They apply at checkout, but thereâs no built-in way to display the discount on the product page unless you manually set a âcompare atâ price or edit your theme code.
If you donât want to modify your theme, you can use an app like Klip Coupons: Sales and Discounts. It lets you show a visual discountâlike a coupon or cross-out priceâright on the product page, even if the actual price in Shopify stays the same. Customers can click to redeem the offer, and it applies automatically at checkout, just like a native automatic discount.
Itâs a cleaner way to make sure your customers see the promotion before they add the item to their cart, without having to hard-code anything into your theme.
Exactly this.
Shopify doesnât make discount data available on the product page â which is wild, because thatâs the moment of truth.
And yeah, you could do some JS wizardry or manually recalculate prices with product.price | times: 0.6, but now youâre duct-taping logic into your theme and hoping nothing breaks during a sale.
Thatâs actually why I built Adsgun â so merchants donât have to do all that. It auto-applies discounts and shows correct prices on every page â product, collection, cart, wherever.
Works with discounts, stackable promos, even gifts. Might be worth a look.
