How can I edit the price display on my product page?

Store Design
, , , , ,
1

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 product pages currently display prices like this: $549.00 $439.00 Save $110.00

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

The prices are displayed correctly in the search bar; I need the same format for my product page.

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

Thanks in advance!

2

Hi @Zaki_1 ,

This is David at SalesHunterThemes.

I read your problem and it seems that I need to analyze your website to provide the solution here.

Would you please share your website URL

if your website is password protected then also provide the password.

David | SalesHunterThemes team.

3

Hi David,

Thank you for reaching out!

The link to the website is below:

https://duralmusic.com.au/

Love to hear your thoughts,

Zaki

1 Like
4

Hi @Zaki_1

Please add this code to your theme.css file to make your price appear as your request

.grid-product__price--original::after,
.grid-product__price:has(.grid-product__price--original) { color: #C20000; }
.grid-product__price--original { color: #1c1d1d !important; text-decoration: none !important; margin-right: -2px !important; }
.grid-product__price--original::after { content: 'Sale:'; margin-left: 5px; }
.grid-product__price--savings { display: none; }
5

Hi @Zaki_1 ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.css file.

Add this following code at the bottom of page.

.product-section .product__price--compare {
 display: none;
}
.product-single__title ~ span[aria-hidden="false"]+span{
    position: relative;
    margin-right: 40px;
}
.product-single__title ~ span[aria-hidden="false"]+span::after {
    position: absolute;
    content: 'RRP:';
    left: 0;
    top: -2px;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

1 Like
6

Hi David,

Thank you for your rapid turnaround with a perfect solution!

May I ask how I can achieve the same result with the search results?

https://duralmusic.com.au/search

How can I modify the code to include these listings, or what new code will I require?