Add CSS Class to Value and another one to currency symbol

-- HikaShop version -- : 4.6.2
-- Joomla version -- : 4.2.3
-- PHP version -- : 8.0.25
-- Browser(s) name and version -- : Firefox

Hi again,

is there a way to add two different css classes to the price value and the currency symbol, so that I can align the currency symbol on the left and the price value on the right.

I found several very old topics with the same issue but nothing solved my problem.

Hope you can help.

Kind Regards, Nathalie

Hi,

There is no option for that.
However, thinking about it, I see a solution which will only require a slight modification in HikaShop. So we'll do the modification for the next version.
First, you need to change the line: to: in the file administrator/components/com_hikashop/classes/currency.php
This will allow you the possibility to add HTML in the "format" setting of the currencies in the System>Currencies menu of HikaShop. We'll add that change.

Second, you need to change the type of the currency_format column of the hikashop_currency table to VARCHAR(255) instead of the CHAR(10) which is there at the moment. You can do that in your PHPMyAdmin. We'll change that so that all new installations of HikaShop will get it automatically.

Third, in the "Format" setting of your currency, instead of , you'll want to use something like that:
That way, you can then use .symbol{} and .price{} for your CSS.

Thank you for this very fast support.

I did everything you mentioned, but unfortunately if I enter html in the Format area of currency setting, the html disappear after saving.

This code after saving is only €%!n

Therefore I don't have the possibility to style the symbol with .symbol in css file.

Hi,

Sorry, I made a typo when I wrote my message.
The code in the file administrator/components/com_hikashop/classes/currency.php should be: Then the saving should work properly.

Thank you, that works perfect