Replacing strikethroughs with Recommended Retail Pricing

Hi all!

I need to remove all strikethroughs from my “Compare at” prices.

I am using a modified Impulse theme and have been unable to find the solution on this forum.

I am not familiar with Shopify’s liquid code and would love any help.

Next, I will like to add the term “RRP” in front of the “Compare at” price.

Meaning Recommended Retail Price, I need to display the letters “RRP” in front my “Compare at” price, without a strikethrough.

e.g. My prices currently display like this: $549.00 $439.00 Save $110.00

In the search bar it displays like this: $549.00 $439.00

With your help, I need to display the pricing like this: RRP: $549 Sale: $439

Let me know if I can provide any additional information or our URL.

Thanks in advance!

@Zaki_1 - can you share your website link?

1 Like

Hi Suyash,

Our URL is https://duralmusic.com.au/

Thank you for reaching out!

@Zaki_1 - add this css to the very end of your theme.css file and check

.boost-pfs-search-suggestion-product-price s:before{content:"RRP"; margin-right:5px;}
.boost-pfs-search-suggestion-product-price s{text-decoration: none;}

.boost-pfs-search-suggestion-product-sale-price:before{content:"Sale"; margin-right:5px;}

1 Like

Hi Suyash,

The “Compare at Pricing” now has RRP displayed in front, but it still has the strikethrough.

The product pages still display strikethrough pricing as well.

Could you provide further assistance?

@Zaki_1 - see this line which you copied from above code, add !Important to it, so it becomes

.boost-pfs-search-suggestion-product-price s{text-decoration: none !important;}

Hi Suyash,

That did the trick!

My product page currently displays like this: $549.00 $439.00 Save $110.00

How can I have them display like this?: RRP $549.00 Sale $439.00 Save $110.00

Thank you for all your help thus far!