Menu Options

Menu Options

RokNavMenu is an essential module for the template as the menus only operate when it is installed. The module does not need to be published for the menu to work.

Version 1.7.13+ is required.

The template is accompanied by a series of menu systems which are outlined below:

Video Tutorial Currently Available! Launch the Joomla Menu Setup Video Tutorial now!

Menu Types

Please click the links in the list below to load the various menu types.

  • Fusion Menu - Fusion Menu, an advanced dropdown based CSS menu. It supports both Mootools powered transition and animation enhancements for its dropdown.
  • SplitMenu - A static menu system that displays submenu items outside of the main horizontal menu, 2nd level beneath the main menu bar (in the navigation position) and the 3rd in the side column.
  • No Menu - This option disables the inbuilt menu system in its entirety. As the menu is supplanted into a module position via Gantry, when the menu is disabled, you can continue to use the position as normal.
In Internet Explorer 6, the Fusion Menu is automatically degraded to Suckerfish, a basic, static, CSS dropdown menu system; without all the javascript enhancements and effects of Fusion.

The menu type used is set via template configuration at Extensions → Template Manager → rt_kinetic_j15 → Menu Control. Select your desired menu type from the dropdown and save. Also, the various Mootools effects of Fusion Menu can also be configured in the template manager.

Descriptions of each template parameter can be seen when you mouseover the label of each option.

Fusion Menu

Fusion requires RokNavMenu to be installed in order for it to work and needs to be at least version 1.7.13

Fusion is javascript-based dropdown menu system, with extensive functionality. The menu itself is built on the rewritten core of the latest revision of RokNavMenu, the core application behind all RocketTheme menus.

Fusion offers a series of new abilities ranging from Menu Icons, Subtext support and much greater controls over the Multiple Column ability for dropdowns.

For more information on RokNavMenu, please go to http://www.rockettheme.com/extensions-joomla/roknavmenu

Template Configuration

You can configure Fusion Menu at Extensions → Template Manager → rt_kinetic_j15 and you will find all parameters under the Menu heading.

Gantry Framework : Learn more

Menu Icons

Fusion has support for individual menu icons for its dropdown menu items. These images are loaded from the /templates/rt_kinetic_j15/images/icons/ directory where you will find 21 images by default.

To setup a Menu Icon, go to Menu → Mainmenu → Select/Create a Menu Item. Locate the Menu Image field in Parameters (Template theme - gantry-fusion) and select an image from the dropdown.

Subtext

Subtext is the term used to describe the secondary text placed underneath the menu title.

To add your own Subtext, go to Menu → Mainmenu → Select/Create a Menu Item. Locate the Subtext field in Parameters (Template theme - gantry-fusion) and insert your desired text. Also add your Subtext to the Parameters (Template theme - gantry-suckerfish) field so it appears in IE6.

If you are using SplitMenu, insert your Subtext into the Parameters (Template theme - gantry-splitmenu) section.

Multiple Dropdown Columns

Fusion has the facility for dynamic column control for its dropdown. You can choose between single (1) or double (2) column modes for children of every single menu item via configuration.

To control the number of columns of each menu item, go to Menu → Mainmenu → Select/Create a Menu Item. Locate the Columns of Children field in Parameters (Template theme - gantry-fusion) and choose either 1 or 2.

Dynamic Child Direction

Typically, a dropdown menu column will extend beyond the width of the browser window if you have enough child levels. However, with Fusion, the menu detects the width of the browser and will change the direction of menu pullouts so all menu items are visible without the need to scroll.

Splitmenu

A static menu system that displays submenu items outside of the main horizontal menu. 2nd level menu items are displayed beneath the main menu bar (header-d) in the navigation position with all further sublevel items displaying in the Sidebar.

Configuration

You can determine which positions the 2nd level (submenu) and the 3rd level (sidemenu) menu items load in, using the Gantry administrator. Simply go to Extensions → Template Manager → rt_kinetic_j15 → Menu. There are 3 options that pertain specifically to Splitmenu, these are Sub Menu Position, Sidebar Menu Position and Sidebar Class Sfx. The former two options control which position the 2nd and 3rd+ level menu items appear in. The latter option decides which module class suffix is used for Splitmenu.

Removing / Editing the Menu text

If you wish to remove or edit the Menu text that appears in the module title of the Splitmenu side menu, you will need to edit the /templates/rt_kinetic_j15/html/modules.php file. Find and edit the following:

<div class="module-title"><h2 class="title"><?php echo $menu_title_item->name.' '.JText::_('Menu'); ?></h2></div>

How to create Child / Sublevel menu items in Joomla

In order for menu dropdowns in Moomenu and Suckerfish, and the dropline / side column items of Splitmenu to appear, you need to setup parent and child menu items.

  • Login into the Joomla administrator
  • Go to Menu → Menu Name
  • Select a menu item that you wish to be in the dropdown
  • Locate the Parent Item form
  • Select the menu item that you wish for your item to appear under
  • Save

Perform the same task for all menu items that you wish to be child items.