Home/ Questions/Q 8740841
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T11:12:09+00:00

What i’m trying to do is quite simple as concept, but i’m not that

  • 0

What i’m trying to do is quite simple as concept, but i’m not that good with php and the joomla framework.
Currently the home menu-item is generated like this:

<li class="item-101 current active">
  <a class="hide-text" href="#some-link">Home</a>
</li>

What i’d like to achieve is to insert an <i> element inside only the home menu-item, something like this:

<li class="item-101 current active">
  <a class="hide-text" href="#some-link"><i class="icon-home"></i>Home</a>
</li>

How can i achieve this? I’m using Joomla! 2.5 atm

I guess it’s possible do something like “if this menu-item is the home link then add this code inside the <a> tags” but i really don’t know how to do it, my php is not strong enough 😛

Note:
i’m doing this to achieve a simple home-icon instead of the litteral home menu-item.

As the classes syntax could suggest, i’m using the twitter bootstrap css-framework, but i’ve implemented the Icomoon font-set (as in joomla 3.0) instead of the tbs Glyph-icons sprites images.

Unfortunately, using font-based icons, text rules are applied to the icons also, and that is the reason i’m trying to insert a custom element inside the <a> tag, so that i can override the hide-text class hiding the home-icon.

Thanks for any suggestion!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have a look in the template file of the menu module.

    /modules/mod_menu/tmpl/default.php

    The template builds the HTML for the menu module.

    I just checked how it works in Joomla 2.5, and in the /modules/mod_menu/tmpl/default.php template the list is build. If you want to add to only the home link you’ll have to add a little bit of code. Something like this :

    if($item->home == '1'){ $item->title = '<i class="icon-home"></i>' . $item->title; };

    Insert this just under the foreach loop and have a go, it should look something like this :

    foreach ($list as $i => &$item) :
    // THIS ADDS THE <i> to only the HOME LINK
    if($item->home == '1'){ $item->title = '<i class="icon-home"></i>' . $item->title; }; 

    $class = 'item-'.$item->id;
    if ($item->id == $active_id) {
        $class .= ' current';
    }

    Good Luck 😉

    • 0