How to show compare at price in cart shopify

Ask & Offer
1

I want to add the compare at price and the original price at checkout. Currently, it is only showing the original price. When i add the item to cart, it shows both prices at first then shows the original price only. I would kindly like assistance by tonight to make the change. I have attached images of whats occuring and what i want to achieve. Thank you

MTc3OTEyMzg5NzQ2MjUzNDI5NTI3NDQxMDI2Mzc1ODQuanBn
MTc3OTEyMzg5NzQ2MjUzNDI5NTI3NDQxMDI2Mzc1ODQuanBn1920×2143 1.21 MB

MTc3OTEyMzkyMDI2MjQxNTM5NTY1MTcxNDM2MzQyMDkuanBn
MTc3OTEyMzkyMDI2MjQxNTM5NTY1MTcxNDM2MzQyMDkuanBn1920×679 200 KB

MTc3OTEyNDAxMDk1NzI4MDkxMTkwNzU5NDA5MzQ3MDkuanBn
MTc3OTEyNDAxMDk1NzI4MDkxMTkwNzU5NDA5MzQ3MDkuanBn1920×750 224 KB

2

Hey @Hafsah134 Welcome to Shopify Community can you please share the Website URL

4

Hi @Hafsah134

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

5

Edit your cart.liquid or cart template. Add this where prices show:

{% if item.original_price > item.final_line_price %}
  <span class="compare-at-price">{{ item.original_line_price | money }}</span>
{% endif %}
<span class="price">{{ item.final_line_price | money }}</span>

Make sure your theme supports compare at price and test on cart page, not checkout. For checkout, Shopify limits custom pricing display unless on Shopify Plus.

6

Salam Hafsa, as your theme is Broadcast so follow these steps:
The fix is in your cart item snippet. The Broadcast theme doesn’t display compare_at_price in the cart by default — it only renders the final price. That’s also why it flickers: the cart drawer briefly shows the collection card markup (which has both prices) before the cart JS replaces it with its own template.

Go to Online Store → Themes → Edit Code, open snippets/cart-item.liquid (or search for cart__price across files), find {{ item.final_price | money }} and replace it with:

liquid

{% if item.variant.compare_at_price > item.variant.price %}
  <span class="new-price">{{ item.final_price | money }}</span>
  <s class="old-price">{{ item.variant.compare_at_price | money }}</s>
{% else %}
  {{ item.final_price | money }}
{% endif %}

Save and test. The classes new-price and old-price already exist in Broadcast so the strikethrough styling should apply automatically. Let me know if you need help locating the exact file.

7

Hi @Hafsah134 ,
To display both prices in the cart, your cart item template should include logic similar to:

{% if item.original_price > item.final_price %}
  <s>{{ item.original_price | money }}</s>
{% endif %}

{{ item.final_price | money }}

Or, depending on your theme:

{% if item.variant.compare_at_price > item.variant.price %}
  <s>{{ item.variant.compare_at_price | money }}</s>
{% endif %}

{{ item.variant.price | money }}