How to add Price comparison

Shopify Discussion

Topic summary

The price comparison feature in Shopify displays a strikethrough original price alongside the current sale price (e.g., $50 reduced to $35).

Implementation:

  • Managed entirely through the Shopify admin panel under product settings
  • No custom UI or separate component required for basic functionality
  • The “Compare at price” field appears next to the actual price field in product details

Key requirement:

  • The compare at price must be set higher than the actual selling price to display properly

Customization:

  • Custom UI components are only necessary if you want a highly customized appearance beyond Shopify’s default display
Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I wanted to know how this price comparison work in shopify , I have seen the videos and I get to know that I have to do this via only from the Shopify admin panel. Do i need to add any UI for this and make a new component or is this only handle by Shopify admin panel where I have to add price details ?

2

In order to add the compare at price then you need to go Shopify products and near the actual price you need to add the compare at price.

But it must be greater than the actual price.

1 Like
3

The price comparison feature in Shopify, like showing a “Compare at price” (e.g., $50 now $35), is handled entirely through the Shopify admin panel. You don’t need to create a separate UI or custom component for it unless you want a very customized look or experience.

1 Like