How to show the 'sale price' discount on cart page in venture layout?

Store Design

AI-generated summary

Goal: show savings for on-sale products directly in the cart, including correct totals when multiple quantities are added.

Key suggestions:

  • Display both the regular and discounted totals using Shopify Liquid cart item variables: line_item.price vs line_item.final_line_price (final_line_price reflects discounts).
  • For quantities >1, use line_item.original_line_price instead of line_item.original_price so the original total multiplies by line_item.quantity.
  • Update cart-template.liquid (Sections) and add CSS to style a strikethrough compare-at price (e.g., span.cart_compare_at_price) for clarity.

Issues raised:

  • Initial implementation only showed the single-unit original price, not the summed original total for multiple quantities.
  • After switching to original_line_price, one participant reported it still didn’t work on their store.

Technical notes:

  • line_item.* are Shopify Liquid objects for each cart line; original_line_price = original price × quantity; final_line_price = discounted total.
  • Venture is a Shopify theme; cart-template.liquid controls cart display.
  • Attached screenshot and code snippets are central to understanding the desired cart display.

Status: guidance provided, partial implementation seen, but no confirmed final resolution; remains open.

1

Hi guys,

I have a question. I would like to add a price tag that says how much people save when they add a product to their cart that’s on sale. I have attached an example, which is actually an ‘automatic discount’ that applied to the cart. I just want to implement this for every product that people add to their cart when it is on sale.

Screenshot 2020-01-22 at 23.58.31.png
Screenshot 2020-01-22 at 23.58.31.png1358×456 15.8 KB

2

I don’t see why not. If you’re referring to your cart page, you can simply show {{ line_item.price }} with {{ line_item.final_line_price }} below it. I usually look over needed objects here: https://www.shopify.com/partners/shopify-cheat-sheet

3

Dear Boykolos,

Please share your store url and details at: https://www.task4store.com/pages/contact-us

Thanks & Regards
MS Web Designer

4

my web site url is: https://www.brenchstore.com/

thanks in advance

5

Hello, @Boykolos
STEP - 1

  1. Go to Online Store->Theme->Edit code
  2. Sections → / cart-template.liquid → see tha step 1 attachment.
    Step 1
    Step 11662×808 121 KB

STEP - 2

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid-> paste bellow code in bottom of file
span.cart_compare_at_price {
display: block;
padding-right: 20px;
font-size: 17px;
color: #ff0000;
text-decoration-line: line-through;
}

Want to modify or custom changes on store hire me.

If helpful then please Like and Accept Solution.

Email: bamaniyaketan.sky@gmail.com

Skype : bamaniya.sky

6

It doesn’t work.

Or at least, not for all products.

I need to show the original price not only in the product cart but also in the final price of the cart.

Can you help me in this?

7

I see in your store that you have implemented what you’re asking for, do you still need help?

8

I put the code but there is always a problem with the original price;

it shows only the original price of the singular product and not of the sum of the multiples if you pick the same product several times.

ex.

original price: 30€

discount price: 20€

product picked: x1

how it should be shown:

original price: 90€

discount price: 60€

products: x3

how it is shown:

original price: 30€

discount price: 60€

products: x3

9

At this code here:
€26,00

you might be using {{ line_item.original_price }} swap it for {{ line_item.original_line_price }}. line_item.original_line_price should return “line_item.original_price multiplied by line_item.quantity”.

10

Hi, I try to use this code but it doesnt work.