Converting the top menu to a module position

This tutorial applies to the following templates:

  • Colette
  • Maya
  • Grace
  • Magnolia
  • Harmony
  • Verona
  • Kodaline
  • London
  • Hannah
  • Elvira
  • Valencia
  • Serenity
  • Chelsea
  • Scarlett
  • Trinity
  • Willow
  • Caitlin
  • Nadia
  • Beaumont
  • Ashley
  • Fedora
  • Artisan
  • Creative
  • Revolve
  • Madison
  • Florence
  • Vitality
  • Enterprise
  • Boutique
  • Stockholm
  • Alexis
  • Central
  • Boss
  • Journal
  • Enlighten
  • LifeStyle
  • Habitat
  • Grafik
  • Brooklyn
  • Cashmere
  • Virtuoso
  • Polaris
  • Calibra
  • Renovate
  • PianoForte
  • Kindle
  • LetterPress
  • Impulse
  • Nocturne
  • Metropolis
  • Clarity
  • Substance
  • Privilege
  • Resonate
  • Arkadia
  • Presence
  • Evolution
  • Catalyst
  • Executive
  • Bordeaux
  • Novation
  • Specialize
  • Chimera
  • Avenue
  • Rendezvous

On all of our more recent template releases, the main top menu is rendered by the template rather than via a module position. This allows you to set the menu to display through the templates parameters instead of having to create a menu module. Although this option does simplify and save time when setting up your website, you may have need to display your menu via a module. An example of such an instance would be if you wish to implement some of the settings available with the menu module which are not available within the templates parameters (Module Class Suffix, Language, Sart Level, End Level etc). Antoher instance where you may wish to use a menu module rather than the menu rendered by the template is if you wish to create a number of menus for a multi language.

Considering this we have added an option to convert your templates main menu to a module position within your templates parameters. Simply navigate to Extensions -> Template Manager -> [YourTemplateStyle] -> Menus and set the 'Convert to Module Position' option to 'Yes'. Once enabled your top menu will replaced by a module position called 'hornav'. A menu module can then be created in this position by navigating to Extensions -> Module Manager -> New -> Menu. You'll find that the 'hornav' position may not be listed in the positions dropdown within your modules parameters so simply type it in to create (hornav).

For some of our templates Javascript was used to create an animated effect on the sub menu items dropdown. To apply this Javascript to a menu module in the 'hornav' module position simply add 'moomenu' to the 'Menu Tag ID' field of your menu modules settings ('Advanced' tab). This applies to the following templates:

  • Grafik
  • Brooklyn
  • Cashmere
  • Polaris
  • Renovate
  • PianoForte
  • Kindle
  • Letterpress
  • Impulse
  • Nocturne
  • Substance
  • Privilege
  • Clarity
  • Arkadia
  • Executive
  • Bordeaux
  • Chimera
  • Specialize
  • Novation
  • Avenue
  • Rendezvous
  • Wednesday, 15 July 2015

Join Our Newsletter




We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.