Hi all, we (https://ephemera4you.myshopify.com) have been running sales for a while now and have never seen the sale price displayed on product in Product/Collections/Home pages. It displays on the cart, but never on the product page itself. Does anyone know what if anything we are doing wrong?
We have dawn theme and have tried this on dawn 15.4 and dawn 15.2, even downloading a fresh new dawn to test and it doesn’t show sale prices. Again, we know it’s on sale because it shows in the cart. Does anyone have any ideas?
Is it the actual compare-at-price, or an automatic discount.
A native automatic discount does not exist until something is in the cart.
Respect others time always provide a direct link to an example of the issue don’t make them dig.
It has nothing to do with the homepage so link to a product “on sale”
Be very clear in the terms used and describing how you have things setup.
Unclear communication is an extremely costly business habit if not improved.
Hey, you’re not doing anything wrong. This is actually a common frustration with the Dawn theme.
Here’s what’s going on:
Even though Shopify supports sale pricing (with the “Compare at Price” field), Dawn sometimes doesn’t display it on the product card or collection pages unless it’s specifically coded to do so. That’s why you see it in the cart (which pulls live pricing) but not earlier in the flow.
Here’s what you can check:
- Make sure “Compare at Price” is set
Go to the product in your admin, and confirm:
- Regular price goes in Compare at price
- Sale price goes in Price
- Theme doesn’t render sale price visually
Dawn often only shows the sale price on product pages if the theme’s Liquid code is set up to compare those values. You’d need to edit theproduct-card.liquidandprice.liquidfiles to conditionally show sale pricing on collection/home pages.
This fix usually involves a small Liquid condition like:
liquid
CopyEdit
{% if product.compare_at_price > product.price %}
<span class="sale-price">{{ product.price | money }}</span>
<span class="original-price">{{ product.compare_at_price | money }}</span>
{% else %}
<span>{{ product.price | money }}</span>
{% endif %}
If you’re not looking to dig into the code yourself, I help Shopify store owners with fixes like this all the time, happy to jump in and make sure your sale prices display properly across product, collection, and homepage views.
Let me know if you’d like help getting it set up.
Hi there, sorry for being unclear as we are new to this. We would like automatic discounts to reflect automatically in product price. Attached is an example of what we would like – product page with crossed out price, and the ideal model for that is the automatic discount applied in cart. Is there a way to have the cart price strikethrough mirrored on product page / collections / etc? Thank you for your patience, again, we are new to the online selling business.
Hi there Cherry, sorry for being unclear and thanks so much for the kind response. We were wondering if there was a way to automate the display of discounted price just like it does in the cart. I have attached a pic of cart, where discount automatically applies. We replied to another person with an attachment that shows what we want the product page to look like. Thanks for your patience.
1 Like
To show a discounted price dynamically requires an app and monthly cost, meaning everytime you change/create a discount it modifies/injects code into the product page. Better option if making frequent changes. Advanced users might be able to use shopify-flow to work with the api to achieve this in tandem with metafields and theme customizations.
If you want to set some static text , if the theme supports it, use a custom-html/custom-liquid block to add some html & logic for what the discounted price would be.
Generally you either set the forumla values either using a theme setting or from a metafield per product.
If the theme doesn’t have such blocks where you need them then a one time theme customization can add that static text and logic.
For services to get this done properly click my profile pic for options to connect.
Or PM me, or request here that I PM you.
Good Luck.
To display the sale price of your products, set the Price and Compare-at price for each item in your store’s admin area under Products.
You can now see the sale price in cart only because you set an automatic discount for your products from your store admin > Discounts
Solution:-
Show Sale Price on Product/Collection/Home Pages (Dawn Theme) Please following these steps:-
Step 1: Check Product Prices
Go to Shopify Admin > Products > [Select Product]
Price = Discounted price (e.g., $9.99)
Compare at price = Original price (e.g., $14.99)
Sale price only works when: Compare at price > Price
Step 2: Edit price.liquid (Handles Product Price Display)
Go to Online Store > Themes > Edit Code
Open: snippets/price.liquid
Replace the existing price code with:
{% if show_compare_at_price and product.compare_at_price > product.price %}
<div class="price">
<span class="price-item price-item--sale">{{ product.price | money }}</span>
<span class="price-item price-item--regular line-through">{{ product.compare_at_price | money }}</span>
</div>
{% else %}
<div class="price">
<span class="price-item">{{ product.price | money }}</span>
</div>
{% endif %}
Hi @ephemera4you,
As already mentioned, 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 on product pages.
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.
Hey! Shopify only shows sale prices in cart/checkout by default. If you want real-time sale prices on product pages without editing theme code or changing compareAt, check out Hype. It’s a discount app with dynamic pricing. our JS embed updates prices instantly when discounts apply. Super easy, no code changes needed.
You can try it here: Hype: Discounts & Campaigns - Multi-market discounts with strike-through pricing & gift | Shopify App Store
What this comes down to is the difference between automatic discounts and sale prices. This is a question that actually many people have asked elsewhere on the forums.
Unfortunately, the automatic discounts are designed to show only during the checkout process, and it’s actually not possible to access them on the product page with Liquid. So, if you want the sale price to show on the product page without using an app - unless you are a very advanced developer - you will need to put the sale price in the product price field, and the original price in the compare at field.
Sorry I cannot help more here.
1 Like
Hi @ephemera4you ,
As others have mentioned, Shopify currently does not support showing automatic discounted price for product on product page and collection, as they does not expose the automatic discount information on product page and collection section in the theme.
If you are open to using the app for this functionality (showing discounted price by automatic discount on product page and collection), I have 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. (Yes it is unfortunate that Shopify does not have this functionality natively)
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 ( Yagi Automatic Discount Helper - Display automatic discounted price to entice customer purchase | Shopify App Store ), you can view the demo store in the app listing page to see how it works.
Hope this can help!
Regards,
Axel Kee