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 ...

Get Using Joomla now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.