How can I display auto discount on product preview and detail page?

Topic summary

Issue: A 30% automatic discount applies only at checkout; the requester wants the reduced price visible on collection/product pages in the Venture theme. Adjusting “compare-at price” alone didn’t update the storefront.

Guidance provided: To display a sale on the storefront, set Price to the current (discounted) amount and Compare-at price to the original price. This configuration renders the crossed-out original price and the sale price on Venture. A help link and images illustrate the admin settings and how it appears on the storefront.

Scope/limitation: This method manually reflects a sale via product pricing fields; it does not tie into Shopify’s automatic discount engine to auto-calculate or display “% off” on product pages. A participant asks why Shopify doesn’t surface automatic discounts on product pages by default and expresses interest in an automatic “% off” label.

Status: A workable approach exists using Price and Compare-at price for visible markdowns. The broader question—why automatic discounts don’t auto-display on product pages and whether Shopify will change this—remains unanswered and open.

Summarized with AI on January 1. AI used: gpt-5.

Hi,

I’ve added a 30% auto discount to a particular range but the discount only shows on the checkout. I’d like it to show on the preview and product detail page (below is just a mock up of how I want it) but cant seem to get this working. I saw a video showing that you change the ‘compare at price’ as below but it didn’t update the front end. The theme i’m using is called Venture.

This seems like a straightforward request so appreciate any feedback.

Hi, @danny_bkk . I’m happy to help you out with this!

To display a sale price you’ll want to switch the amounts you’ve entered for your Price and Compare-at-price. The Price setting should be the current price of the product (the sale price) and the Compate-at-price will be former price of the product (the original price). You can see an example of this setting and how this appears on storefronts below. You can also read more about setting sale prices for products here.

Admin settings:

How this appears on the storefront with Venture:

Please let me know if you have any questions!

thanks for clarifying this… but … is there a specific reason why Shopify does it this way?

I’ve done some searching on this topic and some posts go way back to 2019!

it would be nice to set up an automatic discount which then automatically displays the “%off” label on the product page …as well as in the checkout page.

as a consumer, its more enticing to buy and add to the cart to see an item discounted right from the product pages…

but theres got to be a reason why shopify doesnt do this… im curious.

2 Likes