The template is accompanied by a series of menu systems which are outlined below:
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, and the 2nd level 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.
The menu type used is set via template configuration at Extensions → Template Manager → rt_juxta_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.
Fusion offers a series of new abilities ranging from Menu Icons, Subtext support and much greater controls over the Multiple Column ability for dropdowns.
You can configure Fusion Menu at Extensions → Template Manager → rt_juxta_j15 and you will find all parameters under the Menu heading.
Fusion has support for individual menu icons for its dropdown menu items. These images are loaded from the /templates/rt_juxta_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 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.
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.
A static menu system that displays submenu items outside of the main horizontal menu. 2nd level menu items are displayed in the Sidebar.
Simply go to Extensions → Template Manager → rt_juxta_j15 → Menu. All options that pertain to the menu are located here, such as a specific Splitmenu only option: Sidebar Class Sfx which determines what 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_juxta_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
To create child items in Joomla, follow the instructions below:
- 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
Perform the same task for all menu items that you wish to be child items.
- Created: 18 May 2012