Welcome to the Joomla SEO Club and Book

Yesterday 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 (4)

Show/Hide comments

Screenshots don't work
written by Heath, September 06, 2007

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!

This is excellent idea
written by Subbu, September 12, 2007

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.

...
written by Tony R, April 03, 2008

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.

...
written by js, July 01, 2008

The screen shots do work, as of now! They are expandable.pngs. Download and open in a graphics editor like Irfan.

Show/Hide comment form

Name

Email

Website

Comment

smaller | bigger

Subscribe via email (Registered users only)

I have read and agree to the Terms of Usage.

Add Comment