How can I add a caption to my navigation menu?

Question

How can I add a caption to a navigation menu in Drupal 6? I am trying to achieve this effect:

Answer 1

function MYTHEME_menu_item_link($link) { 
  // Debug:
  // dpm($link);

  // Check menu item localization settings:
  if (empty($link['localized_options'])) {
    $link['localized_options'] = array();
  }

  // Target the desired menu:
  if ($link['menu_name'] == 'primary-links' && $link['options']['attributes']['title']) {

    // Theme menu item description:
    $desc = '<span class="menu-item-desc">' .
      check_plain($link['options']['attributes']['title']) .
    '</span>';

    // And title:
    $link['title'] = '<span class="menu-item-title">' .
      check_plain($link['title']) .
    '</span>';

    // HTML should be enabled:
    $link['localized_options']['html'] = TRUE;

    // Theme the menu item title as a link, then append the description:
    return l($link['title'], $link['href'], $link['localized_options']) . $desc;
  }
  // For other menus:
  else {
    return l($link['title'], $link['href'], $link['localized_options']);
  }
}

• Place this into your theme's template.php
• Don't forget to flush your Drupal cache at admin/settings/performace (D6)

Answer 2

You will need to apply some theme overrides in template.php, the most important function for you would be the theme_menu_item I would imagine, this will allow you to change the structure of the LI and include a description from the menu item. The images should be achievable from using css id's.

Also see the documentation

Example:

function theme_menu_item($link, $has_children, $menu = '', $in_active_trail = FALSE, $extra_class = NULL) {
// Dont forget to include code from the default for active trails etc, then add something like below to add on the description:
if ($link['menu_name'] == "*YOUR MENU WHICH YOU WOULD LIKE TO CHANGE*"){
  $link['title'] .= '<span class="description">'.$link['description'].'</span>';
}
return l('<span>'.$link['title'].'</span>', $link['href'], $link_options);
}