Topic summary
Issue: Discounted prices are not showing in the cart, while screenshots suggest they appear on product pages.
Proposed solution: Edit the cart.liquid template (Shopify’s Liquid templating file) to output both the current price and the compare_at_price (original price) for each line_item, so the discount is visible in the basket.
Display style: Apply a strikethrough to the original price. Two approaches were provided:
- Inline CSS on a span: style=“text-decoration: strike-through”.
- CSS class approach: define .alt-price { text-decoration: strike-through; } in the head, then wrap the original price in .
Key terms: Liquid is Shopify’s template language; line_item.compare_at_price is the original (pre-discount) price used to show discounts.
Artifacts: Screenshots were shared to illustrate the discrepancy between product and cart views; code snippets are central to the fix.
Status: Guidance provided; no confirmation yet that the cart now displays discounted pricing, so resolution is pending.
Hi @DenaHome ,
For this you would need to modify cart.liquid. You would use Liquid line_item.compare_at_price to display the discounted price. Then add a CSS class for the strikethrough effect.
Ok, so what to write in css?
Hi @DenaHome ,
css can be inline like so:
<span style=“text-decoration: strike-through” >
Or give it a class name and place the style in between
.alt-price {
text-decoration: strike-through;
}