I dont see the compare price in my chopping cart when checking out

Shopify Discussion

Topic summary

A Shopify store owner needs help displaying compare-at prices (original prices) in the shopping cart, as discounts are only visible on product pages but disappear during checkout.

Solution Provided:

  • Replace existing price display code in sections/main-cart-items.liquid with conditional logic that shows both compare-at price (strikethrough) and discounted price
  • Add CSS styling to assets/component-cart-items.css for visual formatting (strikethrough for original price, colored final price)
  • Original solution used red (#FF1111) for sale price, later customized to green (#03b77a) per user preference

Current Status:

  • Initial solution worked for the original poster
  • Multiple users report the code doesn’t work for their stores, suggesting theme-specific compatibility issues
  • One user mentions using the “Zest” theme (paid), another uses “Sense” theme
  • The helper offered direct inbox support for troubleshooting theme-specific implementations
  • Discussion remains open with unresolved cases for different themes
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi, When I add a product to my shopping cart, how do I make the compare price visible. Right now when I add the following product, it will only show the final price in the shopping cart but I want the customer to see the discount theyre getting. On the product page the discount is visible, but shopping cart not

Take this product for example: https://bundoshop.nl/products/elisa-luxe-winterjas?variant=47717399429444

thanks!

2

Hello @nijntjelover

Here is the solution for your problem.

Please add below code in the sections/main-cart-items.liquid file


  {%- if item.original_price == item.variant.compare_at_price -%}
    {{ item.original_price | money }}
  {%- else -%}
    
      {{ item.variant.compare_at_price | money }}
    
    
      {{ item.original_price | money }}
    
  {%- endif -%}

Instead of this code


  {{ item.original_price | money }}

And add this code snippet to assets/component-cart-items.css file

.product-option .price-compare {
  text-decoration: line-through;
  margin-right: 4px;
}

.product-option .price-origin {
  color: #FF1111;
}
3 Likes
3

this worked. How do I make the final price #03b77a in stead of red?

4

Add this.

.product-option .price-origin {
    color: #03b77a;
}

Instead of this.

.product-option .price-origin {
  color: #FF1111;
}
1 Like
5

Hi, I have the same problem but changing the code didn’t help. Can you suggest a different solution, please?

product for reference: https://nudatelier.com/products/the-house-of-oud-just-before-edp

6

Hey @iffikhan30 the code doesn’t seem to work for my store, is there an updated one?

7

Hello @fashionshop1 what theme you are using?

8

@iffikhan30 It’s pay theme called “Zest”

1 Like
9

I Inbox you!

10

Hey, i currently have the same problem, the compare at price works for the product page but when i add it to the cart it does not show the compare price and neither in the checkout. I have tried with the method above but it did not work, and i also have the option in markets not selected. i am using the sense theme

11

Thank you so much :heart: God bless.