Show RRP before Comapre at Price and make Price Bold - Impulse Theme

tfox1
New Member
14 0 0

Hi, any insight on how I can display RRP before the Compare At Price, and then have the Price in bold please? e.g. RRP $20 $15 .

 

Thanks,

Theo

Replies 18 (18)
oscprofessional
Shopify Partner
13328 2032 2597

Hello 

 

1) To make the the price bold you need to add css:-

.price--on-sale .price__sale {
    font-weight: bold;
}

you  will find this classes already in your theme.scss.css file so you just need to add " font-weight: bold;" 

 

2) To add RRP infront of price, do you want  it to show only when there is sale price or you want every time to show that.

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
tfox1
New Member
14 0 0

Hi Pallavi, 

 

Thanks for that. Regarding the RRP, we want it to show all the time, as all our price will have a 'Compared At' price.

tfox1
New Member
14 0 0

I could not find the theme.scss.css file. I've also tried to find 

price--on-sale .price__sale

but could not this. Thanks. 

Qualitycheck
Shopify Expert
1432 114 234

Hi tFox1,

 

To make the Price bold and show RRP at the front, please use below code that will solve all your issues.

 

RRP
<div class="price__regular">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
</dt>

<dd>
{% if available %}
{% if compare_at_price > price %}
<s class="price-item price-item--regular" data-regular-price>
{{ compare_at_price | money }}
</s>
{% else %}
<span class="price-item price-item--regular" data-regular-price>
{{ money_price }}
</span>
{% endif %}
{% else %}
<span class="price-item price-item--regular" data-regular-price>
{{ 'products.product.sold_out' | t }}
</span>
{% endif %}
</dd>
</div>
<div class="price__sale">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
</dt>
<dd>
<span class="price-item price-item--sale" data-sale-price>
{{ money_price }}
</span>

</dd>
</div>

 

.price-item--sale{

font-weight:bold;

}

 

Please let me know if it works! 

 

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept the solution.
Email: info@perennialsolution.com
Skype: infoperennialsolution

tfox1
New Member
14 0 0

which file do I need to input this file in please perennial?

Qualitycheck
Shopify Expert
1432 114 234

Which theme you are using so that I can tell you the liquid file name?

If it is debut theme then the file will be product-price.

tfox1
New Member
14 0 0

hi it's impulse theme, thanks

Qualitycheck
Shopify Expert
1432 114 234

Well, I can see it's a paid theme so I can't have this theme installed.

Either you can lookout for a liquid file for product price or you can provide access to your store so that I can check and add it for you.

 

Please let me know your thoughts.

tfox1
New Member
14 0 0

yes I can give you access, thanks

 

Qualitycheck
Shopify Expert
1432 114 234

Okay, please provide me staff account access at infoperennialsolution@gmail.com

tfox1
New Member
14 0 0
Qualitycheck
Shopify Expert
1432 114 234

Hi,

 

Thanks for the access!

Could you please confirm if this code needs to be added on the Collection page or Product page?

tfox1
New Member
14 0 0
Qualitycheck
Shopify Expert
1432 114 234

Hi,

 

I have fixed it on the backup theme by taking backup of live theme. Please check and let me know if it works for you!

 

https://zk5ly0f0jedlhame-25236963431.shopifypreview.com

 

Please feel free to reach out for any further changes.

tfox1
New Member
14 0 0

thanks Perennial, but that did not work.

xeestudio
New Member
1 0 0

I have applied this code to the theme but when I am changing the variant the RRP disappears.

WajeehRehamn
Tourist
9 0 4

Hi, Sir I only want RRP to be seen only when there is a sale price

BZS_Tackle
New Member
1 0 0

Hello, would you be able to help add the 'RRP' in front of the compare at price on product and collection pages?

 

Thank you 🙂Screenshot 2022-01-05 165340.jpg