A Shopify store owner using the Craft theme encountered a display issue with volume discount pricing in their cart. The cart showed both the original compare price and the discounted price without visual differentiation, potentially confusing customers.
Solution Provided:
.cart-item__old-price .money with text-decoration: line-throughOutcome:
The issue was successfully resolved using the CSS solution. The original poster confirmed the fix worked as desired.
Additional Context:
A third-party app developer mentioned their tool can handle crossed-out pricing for compare-at prices, though theme compatibility may vary and customization might be needed.
Hello, I am using Craft Theme.
I use app to create volume discount bundle.
In the cart page, it shows 2 prices(compare price & discounted price)
It will make customers confused if it shows 2 prices in cart page.
How can i cross out the first price(compare price)?
The first pic is my current cart page. The second pic is my desired one.
Go to your online store → customize → settings → custom css and paste this code there
s.cart-item__old-price .money {
text-decoration: line-through;
}
Thanks, it is solved
Glad to know that it worked for you.
This app shows crossed-out pricing for the compare at price and shows the sales price. I can vary by theme wether it has accounted for this design. Happy to tweak your theme and get it working for anyone, just give me a shout.
Need a simple way to manage Black Friday / Cyber Monday discounts?
Check out Bulk Discount Editor – Sale Prices to update product prices in just a few clicks.
