I only see discounts after i add to cart and in the check out area, but I would like to add a red slash on the actual price on the homepage and product pages.
help!
1 Like
also, i chatted with spotify support and they said this needs to be coded in, which is super annoying.
1 Like
Always backup themes or files before making changes
Contact me if you need this enhanced and installed.
Note this is something normally only done when showing the compare at price in conjunction with the final product price or you can create customer confusion such as them assuming a product is sold out.
To strikethrough, line-through, all Prices then to the themes css file try the following
.Price {
color: red;
stroke: red;
text-decoration: line-through;
}
To have it only on certain templates prepend .template-{{template.name}} to the rule.
i.e. homepage == .template-index .Price , products == .template-product .Price
To have the line-through a different color than the text takes either changing the html itself or going through different versions of CSS tricks to be sure it doesn’t cause layout issues.
If you have a general percentage off discount that would be an advanced customization to show all prices as it what it would be for the cart/checkout/discount calculated price.
Hi Paul, if I wanted to add this on my cart page to portray the below - how would I do this?
Right now on my collection page it does show the slash with sale price in red and final sale.
Theme: Stiletto
Website: www.chelseacrew.com
That would be an advanced customization for any theme that does not already have a badge system that shows in the cart/cart-drawer.
For themes just because something shows in a /collection (grid of products object) or /product template does not mean that feature applies to the cart because the cart is filled with line_items that represent a product in a transaction not a direct product object..