Smaller font for decimals

[diana13]

Is there a way to display in 1.6.0.13 prices something like that? With sup and smaller fonts?

 

30⁹⁰

[HiPresta]

Quick way with javascript.

 

Add the following JS code at the end of the file product.js:

$(function(){
	var price = $('#our_price_display').text();
	var sign = price.slice(-1);
	price = price.substring(0, price.length - 1).trim();
	var res = price.split(",");
	var new_price = res[0]+'<sup>'+res[1]+'</sup> '+sign;
	$('#our_price_display').html(new_price);
});

[diana13]

Thanks a lot, it works great for products without combinations, I've made 2-3 minor changes to fit my prices:

 

 

$(function(){

var price = $('#our_price_display').text();

var sign = price.slice(-3);

price = price.substring(0, price.length - 3).trim();

var res = price.split(".");

var new_price = res[0]+'<sup style="vertical-align:super;font-size:12px">'+res[1]+'</sup> '+sign;

$('#our_price_display').html(new_price);

});

 

How can I display prices this way all over the site? Eq for products with combinations, in home page, product list, cart etc. ?

Edited May 16, 2015 by diana13 (see edit history)

[robbie007]

Is there a solution to change the font-size of decimals of all prices at once??

[jwd19]

Dear,

 

Do someone have a solution to this ?

 

We want smaller decimals on productpage, but also working with combination products.

[ilisiaraul]

Any solution for products with combinations?

[HiPresta]

21 hours ago, ilisiaraul said:

Any solution for products with combinations?

What about a free module for that?

Here is one I created: https://hipresta.com/free-prestashop-modules/16-product-price-formatter.html 

[Soyons Solidaire]

Thank you friend on the product page I have that ( 32<sup class="hi-price-formatter">40 </sup>€TTC ) Ps 1.6.1.24

Edited August 5, 2019 by TCHOUPI (see edit history)