Setting sale prices for products

When you lower the price of a product, you might want a customer to be able to understand the price comparison.

To set a sale price, set the value of the Compare-at price field in your Shopify admin to the original price of the product. Make sure that the value in the Compare-at price field is higher than the value in the Price field to display the sale price.

Using sale prices is different from setting up discounts. If you set a sale price and a compare-at price, then both these amounts can be displayed on product pages and collection pages, but only the sale price is displayed at checkout.

To display savings from discounts with crossed-out (strikethrough) prices on product pages and collection pages, you need to use a third-party discount app, or hire a Shopify Partner to build a custom solution for you. Savings from automatic discounts or discounts that require a code to be entered are always displayed with a crossed-out price at checkout.

Displaying sale prices

You set sale prices in your Shopify admin. Whether sale prices display on your storefront, and where on your storefront sale prices are displayed, depends on your theme.

For example, your theme might add a badge with a message or percentage off to product listing and collection pages. Sale price styling on your storefront can often be customized through your theme settings. Refer to your theme's documentation or contact your theme's developer for support to learn what customization settings are available.

Example of setting a sale price

For example, you sell t-shirts with seasonal designs for $30. At the beginning of a new season, you put the previous season's designs on sale for $10.

In your Shopify admin, you change the Price value to $10 USD, and then set the Compare-at price value to $30 USD. On your storefront, your theme displays both prices alongside a badge with a sale message.

Setting a compare-at price

You can set a compare-at price value for a product or variant from the product details page of your Shopify admin. You can also bulk edit multiple variants and bulk edit multiple products.

Steps:

Desktop

From your Shopify admin, go to Products.
Click the product that you want to edit.
To edit a variant, in the Variants section, tap XX variants.
In the Price section, complete the following steps:
1. Click Compare at.
2. In the Compare-at price field, enter the original price.
3. In the Price field, enter the new price.
Click Save.

Mobile

From the Shopify app, tap the icon .
Tap the product that you want to edit.
To edit a product, tap the product price area. To edit a variant, complete the following steps:
1. In the Variants section, tap XX variants.
2. Tap the variant that you want to edit.
3. Tap the product variant price area.
In the Compare-at price field, enter the original price.
In the Price field, enter the new price.
Tap Save or ✓.

Troubleshooting sale prices

If you're experiencing issues with sale prices, then review the following troubleshooting information.

Compare-at price doesn't display on collection pages

If your compare-at price displays correctly on product pages but doesn't display on collection pages, then it's likely because some variants have conflicting compare-at pricing.

When a product is displayed on a collection page, the product displays the most general information that applies to all variants. If some variants have compare-at prices that are inconsistent (such as some variants having a compare-at price of $0.00 USD, or some being empty, or different values across variants), then the collection page won't display the product as being on sale, even if individual variants are.

On product pages, the compare-at price displays correctly because it displays the pricing for the specific variant that's selected.

To resolve this issue, make sure all variants have consistent compare-at pricing:

From your Shopify admin, go to Products.
Click the product with the issue.
In the Variants section, review the compare-at prices for all variants.
Either remove all conflicting compare-at pricing and leave them blank, or ensure all compare-at prices are higher than their respective regular prices. A compare-at price of $0.00 USD isn't the same as an empty compare-at price. Make sure to clear the field entirely for variants that shouldn't display a compare-at price.
Click Save.