Adding a Module to the Menu Dropdown

This tutorial applies to the following templates:

  • Colette
  • Maya
  • Grace
  • Magnolia
  • Harmony
  • Verona
  • Kodaline
  • London
  • Hannah
  • Elvira
  • Valencia
  • Serenity
  • Chelsea

Otherwise know as Megamenus, our latest Joomla templates allow you to add a module directly in to a menu dropdown. This greatly extends how your main menu dropdown can be used and will give you endless possiblities in creating a dynamic and versatile menu navigation.

To better understand how this is achieved, modules are placed within the menu by loading a module position in place of a conventional menu item (Item Separator). To do so you can following these steps.

  1. Firstly navigate to the module you wish to place in your menu from your Module Manager (Extensions -> Modules). If you haven't yet created the module now is the time to do so.

  2. Within your module settings set your module position with the prefix menumod- followed by the name of your choice. An example might look like menumod-login. Note that the position field is editable. Once you click the position field, type the name of your module and hit enter. This will allow you to set the module position of your choice even when it doesn't yet exist. Once set hit Save & Close

    121B

  3. Navigate to the menu you have set in your template parameters to be displayed in your template header (Menus -> [YourMenu])

    121C

  4. Firstly create a menu item which will be the parent to your dropdown. This is the menu item which when hovered over will display your module. Hit New and select Text Separator in the Menu Item Type field. Add a title to your menu item (eg. Login) and hit Save & New

    121D

  5. Next we will create the menu item which will display your menu item. Hit New and select Text Separator in the Menu Item Type field. In the title field add the module position set for your module, the one prefixed by menumod- (eg. menumod-login). In the Parent Item field set the menu created in the previous step (eg. Login). Hit Save & Close and your done!

    121E

  • Friday, 02 September 2016

Who's Online

We have 345 guests and 2 members online

Join Our Newsletter

Free Classic Template

Sign up to our Newsletter and receive news on template releases and discount coupons along with free access to our 'Classic' Joomla template.

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.