can't change icons with user control panel

Hello,

I am trying to change icons with the user control page (HikaShop » User control panel).

No matter what I try, I can't change the icons with a simple css overwrite.

I have tried to change the content: "\f290" (basket);.

This icon "\f290" (basket) is being shown with my template header.
It won't show, using css overwrite, with the icon list on user control page.

I have checked, if Font Awesome 5 is being loaded.
It looks like it does and header does load Font Awesome 5 icons correct.

I have also tried to set an URL content and background/background-image, but it won't show:

content: url('images/asset/favicon/favicon-32x32.png');

Hikashop is loading a separate font awesome libary?

I have sent login details, in case you want to check live.

Hello,

The most easy way to edit the fontawesome is to use an override view, because change icon only through Css is really complicated and context relative.
So, the best way to proceed is created an override view (see Documentation ) to remove current fontawesome icon for your required fontawesome icons or classic image.

To proceed an override html & php knowledge is required.

You have to edit the user/cpanel and find different "<i></i>" that manage your icons displayed.
Hope this will help you to achieved what you need.

Regards

Thank you.

Well, I have tried to edit the file.

Backend recognizes the changes, but frontend seems to use the original file.

Hello,

Take a good care to edit the good view, from your screenshot I can see that you edit the right HikaShop view references (user/cpanel) BUT too the good template reference in use, for this take a good care of your 3 dropdown filter and especially to select your current template.
user/YourCurrentTemplate/Frontend

If you edit the good view in your current template, take care about a cache issue, take care to proceed an hard refresh (Ctrl + F5), and check that you haven't some plugins that can leads to cache issue.

Regards

Well, it looks like my template will not use the override.

Hi,

You need to put your code outside of the code block as $legacy will always be false for you. This is legacy code that is used for old view overrides dating from more than 5 years ago so you can ignore that code.
Instead, you should put your code right before and the text will appear at the top of the view on the frontend control panel.

Thank you.

Hi,

on my side i can not change the icons of the Cpanel.
I don't have the <i></i> in the view (user.cpanel.php of my template) but rather this

line 63
<span class="hk-icon fa-stack fa-2x <?php echo $btn; ?>"><?php echo $btn; ?></span>

I have 2/3 icons that are not visible: customer account, addresses and for loyalty points.
see screenshot

Can you tell me what should I do.
Thank you

Hello,

Can you provide these elements to allow us to better understand the situation :
- An Url link to the context
- Obviously, frontend user reference to be able to reach the Cpanel

Note : For secret references, use our Contact us form, here frontend user references, just don't forget to add an url link to this topic in your message.

Regards

Thank you,

I will send you the access in a private message.

Hello,

Your issue come from your template that use the fontawesome 4.7, but HikaShop use the fontawesome 5, and so if your template override the Fontawesome 5, then that's why some icon disappears because they are not compatible with the oldest fontawesome 4.

Your solution is to contact your template creator to make him switch for a most recent fontawsome, sorry for this return but on our side we can't say much more.
Hope this will help you to solve your issue.

Regards

Thank you Philippe for your reactivity! and details. I will contact the developer to update the template.

Have a good day.