How do I add a price striked out next to new price? (On Supply Theme)

Highlighted
New Member
8 0 0

Heya guys, my website is up and running perfectly but the final thing I wanna do is to be able to add a striked out former price next to the new sale price. I've only been able to get a button saying "Save x$" but I'd prefer a strikeout. Could anyone help me out with what I should do here? Thanks !

0 Likes
Highlighted

Hello,

Thank you for your question.

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

I'll help you to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
621 90 157

Please provide website URL

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
8 0 0

Thanks for the quick reply!

Here's the store page I'm talking about. (No Password)

https://tsaltaclothing.com

https://tsaltaclothing.com/collections/sale

 

0 Likes
Highlighted
Shopify Partner
621 90 157

Please explain more with screenshot where you want to add strike

If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
8 0 0
Highlighted
Shopify Partner
621 90 157

Please place this code at the end of theme.scss

.product-item--price {
text-decoration: line-through;
}
If this solution works, then please accept it as solution and like.
For theme customization, please contact parambabla.soft@gmail.com
0 Likes
Highlighted

@jstanbury 

Before anything, to put a product on sale you must set the compare price for the product. 

Please refer to the tutorial below:



Once you have a sale price showing up let us know so we can help you to style it anyway you want via CSS.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
8 0 0

Ok so that's put a line through the price like this.

https://imgur.com/TTL6KMb

But what I would like is to be is a crossed out price of what it used to be next to the new sale price. like this. 

https://imgur.com/VpRhn4S

Sorry for the confusion! Thanks in advance!

 

 

 

0 Likes
Highlighted
New Member
8 0 0

Thanks Diego, I have gone ahead and put in the compare at price price. Now what code do I need to input?

0 Likes