Contextual submenus using the Menu module

The Drupal menu system allows us to add nested menus. In this recipe, we will utilize this feature in adding a simple submenu to the existing menu which is displayed only when the parent menu is clicked.

Getting ready

The Menu module needs to be enabled and we will be reusing the menu structure from the previous recipes in this chapter. Specifically, we will be populating the Products menu created earlier by adding a few sample products to it. Creating a few sample nodes to which we can link these menu items is also recommended.

We will also be using the myzen theme created earlier in this book as the example theme in this recipe.

How to do it...

Let us first add a set of custom items to the menu as children of an existing item:

1. Navigate to admin/build/menus (Home | Administer | Site building | Menus) and click on the Primary Links menu.

2. Click on the Add item tab at the top of the page.

3. Add a menu item named Foo and link it to a node on the site.

4. Select an...