How to "Strike Through" compare at price?

Highlighted
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
Highlighted

Hi @Jacobcog ,

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

Thanks,

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
0 Likes
Highlighted
Shopify Partner
1445 195 523

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 my solution helped you, please like and accept as solution!
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
Highlighted
New Member
8 0 0
My URL is thestubbornblondeco.com

Password: shopnow

Thanks!
0 Likes
Highlighted

Hi @Jacobcog ,

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

.price-container span#ProductPrice {
    text-decoration: line-through;
}
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
0 Likes
Highlighted
New Member
1 0 0

My Store URL is https://sterilione.com/

0 Likes
Highlighted

Hi  @Micheal_Everest ,

Can you please share your storefront password also, http://prntscr.com/s9vm7z

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
0 Likes
Highlighted
New Member
1 0 0
The strike through is also not showing up for my store. The link is rythale.com
0 Likes
Highlighted
New Member
1 0 1

Hi 

 

Is it possible to add this where the previous price is crossed out and the new price is displayed? Where ever the product prices are seen?

Highlighted
Shopify Partner
9503 1197 3345

Hello, @Karte 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes