Home / Joomla Tips & Tricks / How to Make a 2 Level Menu with Extended Menu 
Joomla Tips & Tricks
Aug
15
2007
How to Make a 2 Level Menu with Extended Menu
Written by Steve Burge   
Avatar

Ludhiana.net.in MenuYesterday we talked about how to create a professional-looking tree menu using Extended Menu.


Today we have a quick tutorial on how to connect two copies of Extended Menu to make a menu thats twice as good. Well, maybe not that good, but will allow you to create a neat parent-child menu. You can see an example of this menu working on Ludhiana.net.in.


This way to doing this things has one major advantage and disadvantage compared to the more common child-parent setup that you can see on site such as AJC.com.


  • Advantage: The child menu links area only appears if any are published. Otherwise the menu area will neatly hide.
  • Disadvantage: This menu isn't so dynamic. Users need to click through to see the children.

How to Link Two Menus

  1. Create the whole menu setup inside Main Menu, just as you normally would, with all the parent and child links.
  2. Upload Extended Menu and create a copy using the Module Manager.
  3. Publish both to the same module position.
  4. Use these settings in the images below.

Parent links: Click here to download the image.

Child links: Click here to download the image.

How Does This Work?

The key parameter to connect two copies of Extended Menu is "Begin With Level".  Basically, this tells the menu which level to begin with. Should it start with the top level which is 0, the child level which is 1 or the grandchild level which is 2?



 

Comments  

 
#1 Heath 2007-09-06 23:22
I was very excited when I saw this article b/c it is something I have been struggling with for several days now. Unfortunately the screenshot links above are not working. Just thought I would bring it to your attention and hopefully they will be back up when I check back tomorrow.

Thanks I appreciate the "tips and tricks". Great website!
Quote
 
 
#2 Subbu 2007-09-12 13:51
I was trying to get the split menu to have a different class. This tutorial opened my eyes. Thanks. Apparently the screenshot above does not work.

OK, The trick is to have the main nav to have the max depth of 1 and second nav should begin with level 2.
Quote
 
 
#3 Tony R 2008-04-03 15:11
Screenshots doesn't work

Is very interesting this article. But the screenshoots doesn't work.

Please, show these screenshots, because this article is the only one on Internet that try to explain how to do this.

Thank you.
Quote
 
 
#4 js 2008-07-01 17:24
The screen shots do work, as of now! They are expandable.pngs. Download and open in a graphics editor like Irfan.
Quote
 
 
#5 pz 2009-02-06 00:42
Does this work for Joomla 1.5? Have you found a dynamic way to keep the children open at all times?
Quote
 
 
#6 RSQ 2009-07-07 10:28
gr8 article
thanks
Quote
 
 
#7 IV 2010-02-17 17:00
It's wonderful ! great man thank you very much !
Quote
 

Add comment


Security code
Refresh