Welcome to the Liquify Community

Updated last week

Displaying Discounted & Original Prices in the Mini Cart

Hi everyone,

I’ve asked a similar question before regarding whether this functionality could be achieved with Liquid. However, this question is not specifically about whether it’s possible but rather if anyone has ideas for a workaround or solution to make this work.

Here’s the scenario:

I sell a product that costs €20 per unit. However, I offer a bulk discount: if a customer buys 5 or more units, the price drops to €15 per unit.

Is there a way to display both the original price (€20) and the discounted price (€15) in the mini cart? For example:
• When the customer adds 5 units of the product to the cart, the mini cart shows the original price (€20 x 5 = 100€) as crossed out and then calculates and displays the discounted price (€15 per unit x 5 = €75).

I’m aware there are Shopify apps that handle this kind of functionality, but the mini-cart is based on the Shopify Cart API which doesn´t include both prices. Is there any way to achieve this feature in the mini cart, either with custom coding or a specific workaround?

Thanks in advance for your help!
j
c
11 comments
Hi @consti,
how do you crate the discount? Is it a variant or do you apply a automatic discount in the shopify backend?
We used a Shopify app and configured it to apply a 10% discount if someone adds, for example, 5 units of Product X. The app works, but it does not display the original price (only the discounted price) because it requires Liquid code / the Liquid price attributes to do so. However, in the mini cart, it only utilizes the Shopify API and does not incorporate the Liquid attributes.
@Jonathan Fors I thought maybe there is another way to display both prices, original and discounted, either with or without the app, while still applying the discounts.
So you can add also 8 items and get a discount?
if yes thats possible 🙂
with the alpine extension you can see all the possible values
Attachment
Bildschirmfoto_2025-01-07_um_11.51.36.png
this would be the discounted price: li-js-price="product.discounted_price"
Thanks - how did you apply the discount?
with automated discounts in shopify
Attachment
Bildschirmfoto_2025-01-07_um_12.01.35.png
Thank you, I will try it
Add a reply
Sign up and join the conversation on Discord