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

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

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.

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
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
Highlighted
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
Highlighted
Shopify Expert
1381 111 206

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
Highlighted
New Member
14 0 0

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

0 Likes
Highlighted
Shopify Expert
1381 111 206

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
Highlighted
New Member
14 0 0

hi it's impulse theme, thanks

0 Likes
Highlighted
Shopify Expert
1381 111 206

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
Highlighted
New Member
14 0 0

yes I can give you access, thanks

 

0 Likes