O'Reilly logo

Using Joomla by Kenneth Crowder, Ron Severdia

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Menu Module: Split Menus

The easiest way to explain what split menus are is through images. Figure 7-20 shows a typical menu across the top with three menu items. Looking at the breadcrumb, you’ll see Menu Item 1 is the active menu item. The left side of the screen is blank since there are no submenu items under Menu Item 1.

If we click on Menu Item 2 in the top menu, the submenu items nested under Menu Item 2 in the Menu Item Manager appear on the left side of the screen as shown in Figure 7-21. Since both menu modules (top and left side) display menu items from the same menu, this is referred to as a split menu. You are essentially splitting the same menu into two different areas of the page.

Now let’s create our first split menu. The first thing we need to do is create our menu in the Menu Item Manager. The menu used in our example looks like Figure 7-22.

Split Menus: Menu Item 1

Figure 7-20. Split Menus: Menu Item 1

Split Menus: Menu Item 2

Figure 7-21. Split Menus: Menu Item 2

Example menu structure in the Menu Item Manager

Figure 7-22. Example menu structure in the Menu Item Manager

Once the menu and a couple of nested items have been created, we are ready to move on to creating the “split” part—the two menu modules.

Create two menu modules in the Module Manager (if you need help with ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required