How to "Strike Through" compare at price?

New Member
8 0 0

Hello everyone,

 

I was hoping someone could help me strike Through my "compare at" price on my product pages. I have been searching everywhere and can't seem to find anything that works. For example, this is what I was hoping to get this to show up as the price on my product:

 

$19.99 $14.99

 

Currently, it is formatted looking like this:

 

$19.99 $14.99

 

The above example makes no sense and does not indicate some type of price drop. Please help!

 

-Jacob

 

 

0 Likes

Hi @Jacobcog ,

Can you please share your store URL so I can give you CSS code.

Thanks,

Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
0 Likes
Astronaut
1082 147 272

Find your compare_at_price in either product.liquid in your templates folder, or product-template.liquid in your sections folder and wrap it in <del> tags:

 

<del>{{ product.compare_at_price }}</del>
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
New Member
8 0 0
My URL is thestubbornblondeco.com

Password: shopnow

Thanks!
0 Likes

Hi @Jacobcog ,

Add this code in your timber.scss file at last line:

.price-container span#ProductPrice {
    text-decoration: line-through;
}
Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
0 Likes