Showing discount on Product Page (without Compare price)

Store Design

Topic summary

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:

  • Manually calculating discounted prices in theme code (e.g., {{ product.price | times: 0.6 | money }}), though this requires code edits for each sale and doesn’t scale well across variants or multiple collections
  • Creating duplicate theme templates for sale vs. non-sale items
  • Using apps like Yagi Automatic Discount Helper, Klip Coupons, or Adsgun that calculate and display discounted prices via metafields or custom logic

Community 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.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
5

Hey Tim,

Yeah. That seems right. I am using the debut theme currently.

That seems like a really clever trick. How would i apply it only to a single collection though?

My guessing is something like this:

{{ if product.type == ‘shoes’ }}

code

{{ endif }}

But it seems like the built in discount system has it’s limitations. Is there a recommended app for setting more advance discount?

Because changing the Compare Price on each product is not really an option when you have hundreds of products.