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

0 Likes

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.

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
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.

0 Likes
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. 

0 Likes
Qualitycheck
Shopify Expert
1403 114 224

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

0 Likes
tfox1
New Member
14 0 0

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

0 Likes
Qualitycheck
Shopify Expert
1403 114 224

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.

0 Likes
tfox1
New Member
14 0 0

hi it's impulse theme, thanks

0 Likes
Qualitycheck
Shopify Expert
1403 114 224

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.

0 Likes
tfox1
New Member
14 0 0

yes I can give you access, thanks

 

0 Likes