How to show discounted price on product page

Store Design

Topic summary

A user asked how to display discounted prices on product pages, referencing an example URL.

Solution provided:

  • Navigate to the Products page and select a product
  • Scroll to the Variants section
  • Click Edit on the variant to discount
  • Set the “Compare at price” field to the original price
  • Set the “Price” field to the new sale price
  • Click Save

Outcome:
The solution was confirmed as working. The user successfully implemented discounted pricing using Shopify’s bulk editing tool to set compare-at prices.

A Shopify help article link was provided for additional reference on manual discounts and sales.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hi,

How to show discounted price on product page, for example, like this page - https://rb.gy/gvprqm

Thank you.

2

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

  1. Select a product from the Products page.
  2. Scroll down to the Variants section.
  3. Find a variant you want to put on sale, and click Edit.
  4. In the Pricing section, set the Compare at price field to the product’s original price.
  5. Set the Price of the product to your new sale price. Note. …
  6. Click Save.

You can read more in this article

https://help.shopify.com/en/manual/discounts/sales

Hope you find my answer helpful!

Regards,

Richard-pagefly

1 Like
3

Thank you. It worked. Using bulk tool and setting compared at price.

2 Likes