Shopify Compare at Price: What It Means and How to Set It (2026)

Your sale is live. The admin shows the right numbers. But your collection page displays every product at regular price, no sale badge, no crossed-out original. No error. No warning. Just missing pricing that customers never see.

That is a variant inconsistency issue, and it is one of the more frustrating ways Shopify compare at price breaks without telling you why. The feature looks simple from the outside: enter a higher number in a field, get a strikethrough on the storefront. In practice, it depends on three things working together: correct product data, consistent variant data, and a theme that renders the output. When any one of them is off, the sale display disappears silently.

This guide covers what Shopify compare at price is, how to set it correctly for single products and variants, how to bulk update it via CSV, why it stops showing and how to fix it, what the Liquid objects look like, and what compliance rules apply in EEA and UK markets.

What is Shopify Compare at Price?

Shopify compare at price is the reference price that appears crossed out on a product page when you put a product on sale. It tells shoppers what the item was priced at before the markdown. When set up correctly, your storefront shows both the original price (crossed out) and the current sale price side by side, without needing a discount code or any additional setup.

The field lives inside each product’s Pricing section in your Shopify admin. It only activates when the value you enter is higher than the Price field. If the compare-at value is equal to or lower than the Price, nothing changes on the storefront and no sale badge appears.

This is different from using Shopify promotional banners or running a countdown timer. Compare at price is a product-level pricing feature. It does not expire unless you remove it manually. It shows up on both product pages and collection pages, which makes it the right tool for any permanent or seasonal markdown where you want the sale to be visible before the customer even clicks the product.

Price vs Compare at Price: Which Field Is Which

The most common mistake with compare at price is putting the numbers in the wrong fields. Here is the rule:

If you enter the original price in Price and the sale price in Compare at Price, the display breaks. Shopify only activates the sale display when Compare at Price is greater than Price. Reversing them produces no visible change on the storefront.

How to Set Shopify Compare at Price (Step-by-Step)

Here is how to set compare at price on a single product in the current Shopify admin:

After saving, your theme will display the compare-at price next to the current price. Modern Shopify Online Store 2.0 themes like Dawn handle this automatically and show a “Sale” badge when compare-at is set. Older themes may need a Liquid code addition, which is covered in the Liquid section below.

How to Set Compare at Price on Variants

If your product has variants (size, color, material), you need to set compare at price at the variant level. This is where most stores run into collection page display issues.

To set compare at price on product variants:

1. Open the product in your Shopify admin.
2. Scroll to the Variants section and click the variant count to open the variant editor.
3. For each variant, click into it and enter the original price in Compare-at price.
4. Make sure the Price field for that variant has the lower sale price.
5. Repeat for every variant, then click Save.

The fix is simple: set consistent compare-at prices on all variants, or clear compare-at from all variants entirely. There is no working middle state. Also important: $0.00 is not the same as an empty field. You need to clear it completely, not set it to zero. This distinction also causes a specific bug in Shopify’s Dawn theme where a $0.00 variant suppresses the sale badge even on variants with correct values.

How to Bulk Update Compare at Price

For sales across multiple products, manual editing takes too long. Shopify gives you two bulk update methods.

Why Compare at Price Is Not Showing (Fix Each Cause)

When the compare-at price is set correctly in admin but nothing appears on the storefront, the issue is in one of these areas:

Debug in this order: product data first, then variant consistency, then theme, then Markets, then apps. Most issues are in the first two steps and do not require any code changes.

Compare at Price in Shopify Liquid

If you are working on a custom theme or an older theme that does not render compare-at prices automatically, you need Liquid. Two objects handle this:

• product.compare_at_price: the product’s compare-at price value
• variant.compare_at_price: the compare-at price for a specific selected variant

Basic sale price display:

{% if product.compare_at_price > product.price %}
  <span class="price--sale">{{ product.price | money }}</span>
  <s class="price--compare">{{ product.compare_at_price | money }}</s>
{% else %}
  <span class="price">{{ product.price | money }}</span>
{% endif %}

{% if product.compare_at_price > product.price %}
  <span class="price--sale">{{ product.price | money }}</span>
  <s class="price--compare">{{ product.compare_at_price | money }}</s>
{% else %}
  <span class="price">{{ product.price | money }}</span>
{% endif %}

This checks if compare-at is higher than the current price and outputs both values with the original in a strikethrough element. If not, it outputs the regular price only.

Discount percentage badge:

{% if variant.compare_at_price > 0 and variant.compare_at_price > variant.price %}
  {% assign savings = variant.compare_at_price | minus: variant.price %}
  {% assign pct = savings | times: 100 | divided_by: variant.compare_at_price %}
  <span class="badge--sale">{{ pct }}% OFF</span>
{% endif %}

{% if variant.compare_at_price > 0 and variant.compare_at_price > variant.price %}
  {% assign savings = variant.compare_at_price | minus: variant.price %}
  {% assign pct = savings | times: 100 | divided_by: variant.compare_at_price %}
  <span class="badge--sale">{{ pct }}% OFF</span>
{% endif %}

The variant.compare_at_price > 0 check prevents a divide-by-zero error when the compare-at field contains $0.00 instead of being blank.

In Dawn, the price logic lives in snippets/price.liquid. Dawn handles compare-at natively when the data is correct, so check your product and variant data before editing any Liquid. For developers building custom product display sections, also see the guides on Shopify product sliders and adding an image carousel on Shopify for ways to showcase sale products visually.

Compare at Price vs Discount Codes

Compare at price and discount codes both reduce what a customer pays, but they work at different stages of the shopping experience and serve different purposes.

When you run a discount code in Shopify, the compare-at price field is not updated. Products still display full price on product and collection pages. The discount only appears at checkout when the code is entered. If you want shoppers to see a sale before they click “Add to Cart,” compare at price is the right tool.

For store-wide promotions where you want the sale visible on every product card, compare at price is more effective because it works before checkout. For conditional promotions (referral codes, loyalty rewards, B2B pricing), discount codes are the better tool since compare at price would make the sale visible to all visitors.

EEA/UK Compliance: The 30-Day Rule

If your store sells in the European Economic Area (EEA) or the United Kingdom, compare at price has legal implications beyond marketing.

Under the EU Omnibus Directive and UK consumer protection regulations, the compare-at (original) price you display must represent the lowest price the product was sold at during the 30 days before the current promotion.

Shopify does not enforce this automatically. The platform has no system that checks how long a product was at the compare-at price before you activate the discount.

If you set an inflated compare-at price that the product was never actually sold at, or if you raise the price right before a sale and then show the higher price as the original, you risk non-compliance with consumer pricing laws in regulated markets.

Best Practices for Shopify Compare at Price

These are the practices that keep compare at price working as a conversion tool instead of a constant debugging problem:

• Only use compare at price for real markdowns. If the original price was never the actual selling price, the display misleads customers and creates compliance risk in regulated markets.
• Set it consistently across all variants. Mixed values across a product’s variants will break the collection page sale display every time. Test both the product page and the collection page after setting.
• Use blank, not $0.00, for variants not on sale. A zero value in the compare-at field behaves differently from an empty field and can suppress the sale badge even on variants with correct data.
• Remove it after the sale ends. Leaving compare at price on permanently trains customers to wait for deals and erodes the credibility of your pricing over time.
• Combine with visual promotion for more impact. A crossed-out price in a product card gets more attention when paired with a hero slider promotion or a Shopify slideshow highlighting the sale.
• Use high-quality product images for on-sale products. A strong price signal is wasted on poor images. See Shopify product photography best practices and the guide to correct Shopify image sizes for the product pages where compare at price will appear.
• Use animated sale sections for major events. For Black Friday or clearance campaigns, Shopify slider apps let you build full sale layouts with product carousels that extend beyond what the native product grid shows.

For the broader picture on improving store performance, see the Shopify conversion rate optimization guide and the Shopify SEO guide to make sure sale products are discoverable in search, not just visible on-site.

General questions

Md Nazmul Islam

I’m a digital marketing expert and mobile app developer with a deep understanding of Shopify App Store optimization. I contribute insightful articles on Shopify to help businesses thrive online.