Show Product Sale Price Savings at Checkout

LevelUpLdn
Visitor
1 0 0

Hi,

 

I currently have 50% sale price on all items on my store, however when at checkout only the discounted/sale price shows, not the original price.

 

Can anyone advise how to get the original price to show, and the sale price, and the total savings?

 

Thank you

Replies 3 (3)

Hilary
Shopify Staff (Retired)
551 79 131

Hi, @LevelUpLdn!

Welcome to the Shopify Community! Hilary here, I work at Shopify. I'd be happy to help with this issue today. 

From what you have described, it sounds like you have set a sale price of 50% off using the Compare at price feature, is that correct? When this feature is used, only the final price is shown on the cart page, and at the checkout. 

It is possible to edit the cart page by editing the code on your theme. That being said, it is not possible to edit the code on your checkout, unless your store is on Shopify Plus. This is mentioned in our developers help article here. This means only the cart page can be changed. If you wish to change the cart page, there are a few options to do this:

An alternate option is to use an automatic discount, or discount code to show this information on the cart, and at the checkout. To do this, you would need to remove any sale prices you have set on your products. This means sale prices would no longer be displayed on each product page and are only shown once added to the cart, and at the checkout. Once all products are set to their original full price, you need to create the discount. 

If you prefer this alternate option, I recommend using an announcement banner on your storefront to highlight the sale, since the sale will not be shown on the product pages. This banner is a great place to communicate important information like discounts and sales with your customers.

If all products are on sale, I recommend using an automatic discount so that your customers receive the discount automatically at checkout. This way, they will not miss out on the sale. To create an automatic discount, here are the steps: 

  1. Login to your Shopify Admin and head to Discounts
  2. Click Create Discount in the top right hand corner
  3. Select Automatic discount
  4. Give the discount a title (remember, your customers will see this at checkout).
    For example, "50% OFF". 
  5. Select the discount type and value.
    In this case: Percentage, and 50%
  6. Select the products it applies to, and the minimum requirements.
    In this case: All products, and a minimum quantity of 1.
  7. Choose when the discount will be active, and click Save.

Once the automatic discount has been created, you can preview your store, add a product to the cart, and see the result. You will see the original price, the discount amount, and the total price. When you continue to the checkout, you will also see all of this information. Here is an example from the checkout to show you how it will look: 

18-51-99645-17607

Let me know what you think of these options, and what you decide is best for your business!

To learn more visit the Shopify Help Center or the Community Blog.

lewiskite
Visitor
1 0 6

This is really sub optimal, what it means, from a users point of view, is that it's virtually impossible to see a discount on the product page and on the basket / cart pages. Why would you design it in such a way that it's not possible to see consistent information throughout the user journey?

We can set a 'compare at' price and 'current' price and have them show on the product page but not the basket, or set a discount and have it show on the basket page but not on the product page, how does that make sense?

This has a further complication that it's not possible to promote sales set up as 'compare at' and 'current' prices through Google Ads because they need to see the discount applied at the basket. Anything promoted through Google ads must be set up as a discount and can't then be shown on the product page - makes no sense.

Additionally, as far as I can tell, 'compare at' price is not returned in the array of information passed to the cart page, so the suggestion to edit the page code to show both before and after price is pretty useless with details of how to access the 'compare at' value.

BeWater
Shopify Partner
21 0 4

100% agree. So many countless hours spent on trying to fix this problem.... 8 hours in and still stuck. Shopify Plus is not making anything easier.