Split Menu System

Print Video

1. Menus with Sublevel links can be displayed in various ways. In these examples, there is a parent menu item called "Joomla! Overview", which has 3 sublevel items:

-- What's New in 1.5
-- FAQ
-- More about Joomla!

1 Menu With Sublevels

2. Dropdown menu: A popular display of sublevel menu items is the dropdown. When the user moves their mouse over (or clicks on) the menu item, a list of sublevel items appears in a list below it:

2 Dropdown Menu

3. Vertical menu: Another way of displaying sublevel items is to indent them below the parent item:

3 Vertical Menu

4. The Split Menu System does not show the sublevel items on the same menu as the parent item, it displays a second menu when the user clicks on and goes to the parent item's page:

4 Split Menu System

5. To configure a Split Menu System:

a. Go to the Module Manager (Extensions -> Module Manager).

b. Open the module for the menu.

5a-b Open Menu Module

c. In the Parameters section on the right side of the screen, keep the Start Level at 0, but change the End Level to 1. Now the menu will display only the first level of menu items. The sublevel items (level 2) will not show on the menu. Save the changes and go back to the Module Manager.

5c Set End Level To 1

d. Create a new menu module for the split menu:

i. Click on the New icon.

ii. Select Menu as the module type.

iii. On the right side of the screen, under Menu Name, select the same menu as in step 3 above.

iv. Set the Start Level at 1, and the End Level at 1 or more.

5d Menu Module For Split Menu

e. Go to the front page of the website. Notice that when you mouseover the "Joomla! Overview" link, it no longer shows the dropdown of the sublevel items.

5e Parent Link

f. Click on the "Joomla! Overview" link. The "Joomla! Overview" link shows the sublevel menu items in the split menu module:

5f Submenu Appears On Parent Page

Watch the Video:

Permalink
Embed Code
Rating: 2.5 (342 Votes)
View Video
Category: Administration
Demonstration and configuration of Joomla's split menu system

Split Menu System

iPhone Video:

iphone

Tags
menu, split, sublevel, parent

41 Comments Feed

  1. Juergen makes this comment

    Tuesday, 05 January 2010

    Thanks for this good tutorial.
    Is it possible that the title of the sublevel items menu shows the name of the link which was klicked on the main menu? Referring to your last picture, the title of the submenu should be "Joomla! Overview", and not "Menu Module".
    This would be really cool!

  2. edi-admin makes this comment

    Monday, 11 January 2010

    Thank you for your comments and question.

    The name of the link which was click on the main menu is shown as an active link on the main menu. On the example, "Joomla Overview" has a white background which shows that it is the parent link and this link will remain in the active state upon clicking any of its submenus.

    The "Menu Module" above the submenu is the module title -- you make a good point in saying this should be named with the parent link! :-)

  3. Kedesta makes this comment

    Wednesday, 02 June 2010

    Thank you so much for a great tutorial.

    I'm a Joomla beginner. I like your tutorials because they are very easy to understand.

    I tried to do and followed step by step but sublevel items didn't show in the split menu module on the left of the website and the sublevel still show in every parent menu items.

    I'm not sure that it depand on the template (I use free joomla template) or I did some mistakes??

    Thanks again for sharing good Joomla lessons.

  4. edi-admin makes this comment

    Wednesday, 02 June 2010

    (1) Check that the template you are using has a position called "left". Each template can have different names of module positions. (2) Check that the menu module for the splitmenu's position is set to "left", that "Enabled" is set to "Yes" and "Menu Assignment -> Menus" is set to "All". (3) Check that you have the Start Levels and End Levels set correctly for both the main menu module and the split menu module. (4) If all of the above look correct, please contact us: http://iteachme.com/contact

  5. Medical Billing makes this comment

    Tuesday, 31 May 2011

    Thank you for your comments and question.

    The name of the link which was click on the main menu is shown as an active link on the main menu. On the example, "Joomla Overview" has a white background which shows that it is the parent link and this link will remain in the active state upon clicking any of its submenus.

    The "Menu Module" above the submenu is the module title -- you make a good point in saying this should be named with the parent link!

  6. cityville makes this comment

    Tuesday, 31 May 2011

    is this the same for Joomla 1.6? Afterburner is probably the best, at least my favorite "free" theme!

  7. Dein Deal makes this comment

    Tuesday, 31 May 2011

    cityville, I do believe it is the same as in Joomla 1.6. However, it would be nice if the OP could comment on that!

  8. edi-admin makes this comment

    Tuesday, 31 May 2011

    yes, this should be the same in 1.6

  9. ???? makes this comment

    Tuesday, 31 May 2011

    Great Info, need some translation thought, but good enough to translate ! Thanks a lot !

  10. local scholarships makes this comment

    Tuesday, 31 May 2011

    Thanks for this. Just switched over from Wordpress and I needed a menu system like this. Too bad the community isn't as big as Wordpress, finding certain addons would be so much easier

  11. local scholarships makes this comment

    Tuesday, 31 May 2011

    Thanks for this. Just switched over from Wordpress and I needed a menu system like this. Too bad the community isn't as big as Wordpress, finding certain addons would be so much easier

  12. dallas dentist makes this comment

    Wednesday, 01 June 2011

    cool tutorial. I have been thinking of making the switch over to joomla so have been trying to read up as much as possible on it. appreciate the tutorials.

  13. Grow Taller makes this comment

    Wednesday, 01 June 2011

    Im just coming over from wordpress and have to say I like the joomla layout. I honestly still find wordpress a lot easier to use but am slowly learning. Thanks for the tutorials mate, greatly appreciated.

  14. get rid of cellulite makes this comment

    Wednesday, 01 June 2011

    Thank you so much for a great tutorial.

    I'm a Joomla beginner. I like your tutorials because they are very easy to understand.

    I tried to do and followed step by step but sublevel items didn't show in the split menu module on the left of the website and the sublevel still show in every parent menu items.

  15. scary maze game makes this comment

    Wednesday, 01 June 2011

    I always thought any other CMS besides wordpress is very complicated and hard to use. it looks like you shouldn't make an opinion before testing everything. Thanks for the tutorial

  16. Bangkok Condos makes this comment

    Wednesday, 01 June 2011

    I still somehow prefer Wordpres, even the Joomla CMS is getting more and more interesting for me these days. I´m thinking about building up a little site network around my main real estate site - maybe even with joomla this time to vary a little

  17. web design surrey makes this comment

    Thursday, 02 June 2011

    Thanks for the great tutorial, any chance on getting one up for the "megamenu"? Possibly the one used in the T3 framework by Joomlart.

    James :-)

  18. denver seo makes this comment

    Thursday, 02 June 2011

    I have pretty muched used wordpress exclusively as my main cms, but have always wanted to give joomla or drupal a try. After watching this tutorial, I think I will give joomla a try on my next site. Thanks.

  19. andrew wilson makes this comment

    Friday, 03 June 2011

    Thanks for sharing this. Implementing menus as I want them is always an issue for me in Joomla. :(

    Seeing what can be done alongside the doing of the task is a big help!

    Two thumbs up! 8-)

  20. Casio PX130 makes this comment

    Friday, 03 June 2011

    This is an excellent tutorial. I will try and use Joomla for my next blog and see how it goes. Thanks for this again. I hope I can find some cool add-ons for it too.

  21. James @ Minnesota Tent Rental makes this comment

    Saturday, 04 June 2011

    Wow! I should have used this for creating my rental website! very intuitive.

  22. Maria makes this comment

    Saturday, 04 June 2011

    Before my visit to your site, I thought that wordpress is the only one easy to use CMS. I will try to use Joomla for my next blog and let you know the result.

  23. Susa makes this comment

    Saturday, 04 June 2011

    Thanks for the informative tutorial. Still learning Joomla, migrating from using Wordpress to this, so it was very informative.

  24. Erik Parsons makes this comment

    Sunday, 05 June 2011

    Thanks for the awesome tutorial.. Was very helpful to someone like myself whose just getting the hang of Joomla :)

  25. Kevin makes this comment

    Sunday, 05 June 2011

    Super helpful tutorial. Just learning Joomla so I can use all the help I can get!

  26. swimming earplugs makes this comment

    Tuesday, 07 June 2011

    This tutorial is so awesome! You really did the best job for teaching us about the joomla. I would like to read more on your article and get more information.

  27. Fenway Apartments makes this comment

    Thursday, 09 June 2011

    Nice tutorial. It made this system a lot easier for me to understand. I am not very technical and things need to be spelled out for me!

  28. jeffiechan makes this comment

    Tuesday, 21 June 2011

    I like your tutorials they are very interesting and very easy
    Extermination Battery Park Nyc

  29. Edmonton Mover makes this comment

    Thursday, 30 June 2011

    I think that Joomla is too complicated. Wordpress can do most of this and do it much easier.

  30. RBGoldie makes this comment

    Monday, 01 August 2011

    Is it possible to display the content of a submenu at the same time as the content for a parent menu -- two components at the same time?

  31. Alexandra Stan makes this comment

    Wednesday, 10 August 2011

    Thanks for this great information. I will look for more soon.

  32. Ashley N. makes this comment

    Monday, 15 August 2011

    I had been getting a bit lost with the various sub-menu's on Jooma. This is a nice tutorial that has helped me navigate through the Joomla maze. Thanks for your post.:-)

  33. Barksa Reviews makes this comment

    Wednesday, 17 August 2011

    Very good topic! Extremely helpful! Gotta love Joomla :)

  34. property singapore makes this comment

    Sunday, 28 August 2011

    Excellent job! Thanks for the great posting and your all efforts. I think the above article is valuable for all concerned people. At least, if was very useful for me. I’ve bookmarked this page for future reference, thank you again.

  35. dental clinic in Singapore makes this comment

    Monday, 29 August 2011

    It was a very nice idea! Just wanna say thank you for the information you have diffused. Just continue composing this kind of post. I will be a loyal reader. Thanks again.

  36. casio cdp-100 makes this comment

    Friday, 09 September 2011

    Joomla! has many cool new features that have made our lives easier. In the Joomla! 1.0.x line, if you wanted to have Split Menus, you had to "trick" the system into doing what you wanted by micromanaging Menus and their Menu Items. Some big name template makers had fancy scripts that would mimic this technology in the past.

    thanks for a great tutorial

  37. electric blanket reviews makes this comment

    Friday, 30 September 2011

    Joomla someone was never my choice of platform. But i see that many choose that over anything else out there even though the choices are great. I put together a site with another content management tool I call it electric blanket reviewsthink

  38. rewind your relationship makes this comment

    Wednesday, 02 November 2011

    Thanks for the tips on Joomla. I am a big wordpress fan, but I hear that Joomla has less overhead (which is more and more important these days).

  39. security guard Houston makes this comment

    Monday, 09 January 2012

    Nice tutorial for the split menu system on Joomla. I've spent a lot of time using Wordpress but not as much with Joomla - thanks!

  40. Pickup Artist makes this comment

    Wednesday, 11 January 2012

    Thanks for the Joomla tips

  41. Split Urlaub makes this comment

    Monday, 30 January 2012

    great tutorial! thank you very much, I will share it on facebook!

Add Comment


    • >:o
    • :-[
    • :'(
    • :-(
    • :-D
    • :-*
    • :-)
    • :P
    • :\
    • 8-)
    • ;-)

     

    Rate This:

    4593 Votes

    Share This:

    Save This:

    Sign in to save this to your Favorites.

    » My Saved Tutorials «