Hello,

I would like to add a new icon in Jomsocial Toolbar menu. I want to add this icon at the end, after Search icon.

Is it possible to add an icon and text? I want to add a cart icon and text "Premium" after.

Thanks

Hi.

Yes, this is possible.

In order to do that you'll need to create override for this file:

ROOT/components/com_community/templates/jomsocial/layouts/toolbar/base.php

Copy it to:

ROOT/templates/your-template/html/com_community/layouts/toolbar (if you don't have those folders - feel free to create them)

Then edit file and add your icon after li with class "joms-js--notification-search".

Hi Michal,

I've created override of base.php in ROOT/templates/your-template/html/com_community/layouts/toolbar/base.php but it doesn't take effect. If I try to delete an icon, for example, it doesn't take effect in website.

I also try to change inbox icon with search icon, neither.

Could you help me?

Hi.

Make sure that you've changed in all places as all icons appear twice in file: once for desktop, secondly for mobile. You probably changed for mobile view.

Hi Michal.

You were right, Thanks.

If I duplicate "inbox" it works. But, I try to insert a new icon (shopping cart) with font-awesome and it doesn't appear.

I use this code after search:

<li>
<a href="<?php echo CRoute::_('index.php?option=com_payplans') ?>">
<svg viewBox="0 0 16 16" class="fa fa-shopping-cart">
<use xlink:href="<?php echo CRoute::getURI(); ?>#fa-shopping-cart"></use>
</svg>
</a>
</li>


I want to link the icon to my payplans options.


Thanks

Hi.

Don't use <svg viewBox="0 0 16 16" class="fa fa-shopping-cart">
Jus insert <i class="fa fa-shopping-cart"></i>
The same goes for URL. So at the end you should use:
<li>
<a href="<?php echo CRoute::_('index.php?option=com_payplans') ?>"><i class="fa fa-shopping-cart"></i></a>
</li>