Menu with 3 Levels

Can you use widgets? Is there a plugin that can manage that? My pal J. Michael Ambrosio (ambrosite) can achieve it for you; build a custom plugin. [link moderated]

No, i would like to achieve this via the WordPress Template Tags and Functions in my custom Theme.

How can i save the id of the item on which the user has clicked in the 2nd Menu? And how to know that this selected id comes from the 2nd Level?

Ok, what i could do is the folloowing:

I would display the first level menu via:

wp_list_pages('title_li=&sort_column=menu_order&depth=1&exclude=9,10,11');

The second level could be displayed with:

if($post->post_parent)
          $children = wp_list_pages("title_li=&depth=1&child_of=".$post->post_parent."&echo=0&sort_column=menu_order");
     else
          $children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");

     if ($children) { ?>
          <ul>
<?php echo $children; ?>
          </ul>

     <?php } ?>

Now the problem:

I could display the third menu level with:

<?php
	  $children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");

          if ($children) { ?>
	  <ul>
          <?php echo $children; ?>
          </ul>
     <?php } ?>

But the, when i click on the first level menu i get the same result as in the 2nd level menu.

How can i detect that i am in the second level? And if yes -> then show 3rd level menu else do not show 3rd level menu.

regards
Yavuz

Noone an idea?

if($post->post_parent) {
    $siblings = wp_list_pages("title_li=&depth=1&child_of=".$post->post_parent."&echo=0&sort_column=menu_order");
    $children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");
} else {
    $children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");
    $siblings = array();
}

if($siblings) {
	//Output menu 1
}
if($children) {
	//output menu 2
}

Could even be cut to!

$siblings = wp_list_pages("title_li=&depth=1&child_of=".$post->post_parent."&echo=0&sort_column=menu_order");
$children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");
if($siblings) {
	//Output menu 1
}
if($children) {
	//output menu 2
}

HTH

David

Great! Thank you very much!

hmm, i have tried it but it works for a 2 level menu design. i have 3 levels.

= LEVEL1 =  = LEVEL 2 = = LEVEL 3 =
PRODUCTS -> PRODUCT1 -> OVERVIEW
                     -> SCREENSHOTS
                     -> DOWNLOADS 

         -> PRODUCT2 -> OVERVIEW
                     -> SCREENSHOTS
                     -> DOWNLOADS

What i need to have is:

First i have only the Level1 shown on my page. For example user clicks on PRODUCTS, the page looks for children. It has children (PRODUCT1 and PRODUCT2) and show them inside an div.

Then the user selects PRODUCT1 from LEVEL 2 and the page show LEVEL 1 -> PRODUCTS, LEVEL 2 PRODUCT1 and PRODUCT 2 and if LEVEL 2 hsa childrens too (in this case OVERVIEW, SCREENSHOTS, …) it shows these menu (pages) items, too WITHOUT HIDING THE LEVEL 1 and LEVEL 2 menu elements.

First it looks like:
PRODUCTS

Then User clicks on PRODUCTS and i want to have

PRODUCTS (to display in div1)

PRODUCT1     PRODUCT2 (to display in div2)

Then User clicks on PRODUCT1 and i want to have

PRODUCTS (to display in div1)

PRODUCT1     PRODUCT2 (to display in div2)

OVERVIEW     SCREENSHOTS     DOWNLOADS (to display in div3)

The menu levels should be displayed always. By default wordpress displays always the children and hides the parents/grandparents.

How could i realize this?

$parents = wp_list_pages("title_li=&depth=1&echo=0&sort_column=menu_order");
if($post->post_parent) {
    $siblings = wp_list_pages("title_li=&depth=1&child_of=".$post->post_parent."&echo=0&sort_column=menu_order");
    $children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");
} else {
    $children = wp_list_pages("title_li=&depth=1&child_of=".$post->ID."&echo=0&sort_column=menu_order");
    $siblings = array();
}
if($parents) {
	//Output menu 1
}
if($siblings) {
	//Output menu 2
}
if($children) {
	//output menu 3
}

HTH

David

thank you! ok, i have implemented it but found one bug:

when you click on menu 1 -> menu 2 is getting displayed -> ok
when you click on menu 2 -> menu 3 is getting displayed and you see menu 1 -> ok
when you click on menu 3 -> menu 2 gets hidden!

Update…
But one more thing, i see that the problem in a real project would be that i have one time the siblings as children of menu1 and one time i have the children as the children of menu 1.

I dont think that this seems to be possible with out of the box template tags.

I think will do own DB-Queries to this to work.