Showing third menu level

« 
Previous topic
|
Setup & design
|
Next topic
 »
Author Message

DeAndre Johnson

Sunday 27 September 2009 10:40:49 pm

I have a custom and complex dropdown menu that shows at once the second level, third level, and featured items in the dropdown. The dropdown is broken down into sections like "base (second level), center (third level), left (featured). What I what to do is show in "center" section of dropdown the third level items. Basically if a second level menu item has a third level. I want that to be displayed in center section of dropdown. It's kinda confusing to explain so here's some menu code.

<div id="nav">
  <ul id="menulist">
{def $goleft = ezini( 'TopDrop', 'goleft', 'design.ini' )
	 $item_class = array()
	 $root_node = fetch( 'content', 'node', hash( 'node_id', 2 ) ) 
	 $top_items = fetch( 'content', 'list', hash( 'parent_node_id', $root_node.node_id,

				'class_filter_type', 'include',
				'class_filter_array', array( 1, 11, 19, 23, 44 ),
				'sort_by', $root_node.sort_array ) )

	 $top_items_count = $top_items|count()
	 $children = 0
	 $featured = 0
	 $current_node_in_path = first_set($pagedata.path_array[1].node_id, 0  )
     $current_node_in_path_2 = first_set($pagedata.path_array[2].node_id, 0  )
       $current_node_in_path_3 = first_set($pagedata.path_array[3].node_id, 0  )}
	
{if $top_items_count}
	{foreach $top_items as $key => $item}
		{set $item_class = array()}
		{if $current_node_in_path|eq($item.node_id)}
            {set $item_class = array("selected")}
		{/if}
		{set $children = fetch( 'content', 'list', hash( 'parent_node_id', $item.node_id,

				'class_filter_type', 'include',
				'class_filter_array', array( 1, 11, 19, 23, 44 ),
				'sort_by', $item.sort_array ) ) }
		
		{if $key|eq(0)}
            {set $item_class = $item_class|append("firstli")}
        {/if}
        {if $top_menu_items_count|eq( $key|inc )}
            {set $item_class = $item_class|append("lastli")}
        {/if}
        {if $item.node_id|eq( $current_node_id )}
            {set $item_class = $item_class|append("current")}
        {/if}
    {* exclude utility node from menu *}
		{if $item.node_id|ne(162)}
    <li id="{$item.name|explode('&')|implode('_')|explode(' ')|implode('')}" {if $item_class} class="{$item_class|implode(" ")}"{/if}><a id="{$item.name}" class="menu {$item.name}" href={$item.url_alias|ezurl}>{$item.name}</a>
    {/if}
    {if $children|count()|gt(0)}
			{* SECOND LEVEL *}
      <ul>
        <li>
          <div id="m-panel-{$item.name}" class="m-panel">
            <ul class="colBase">
            {foreach $children as $key => $child_item}
						{set $item_class = array()}
                {if $current_node_in_path_2|eq($child_item.node_id)}
                    {set $item_class = array("selected")}
                {/if}
                {if $key|eq(0)}
                    {set $item_class = $item_class|append("firstli")}
                {/if}
                {if $children|count|eq( $key|inc )}
                    {set $item_class = $item_class|append("lastli")}
                {/if}
                {if $child_item.node_id|eq( $current_node_id )}
                    {set $item_class = $item_class|append("current")}
                {/if}
              <li {if $item_class} class="{$item_class|implode(" ")}"{/if}><a {if $children|count()|gt(0)}{/if} href={$child_item.url_alias|ezurl}>{$child_item.name}
              </a></li>
              {/foreach}
            </ul>

{* THIS IS WHERE THE PROBLEM BEGINS *}
             {* THIRD LEVEL *}
            <ul class="centerCol first">
              <ul class="colLeft split">
              	<li class="firstli"><span>{$child_item.name}</span></li>{* THIS SHOULD DISPLAY SECOND LEVEL ITEM NAME THAT HAS THIRD LEVEL  *}
              {foreach $children as $key => $child_item}
							{set $item_class = array()}
                	{if $current_node_in_path_3|eq($child_item.node_id)}
                    	{set $item_class = array("selected")}
                	{/if}
                	{if $children|count|eq( $key|inc )}
                    {set $item_class = $item_class|append("lastli")}
                	{/if}
                {* THIS SHOULD OUTPUT THIRD LEVEL ITEMS *}
                <li {if $item_class} class="{$item_class|implode(" ")}"{/if}><a {if $children|count()|gt(0)}{/if} href={$child_item.url_alias|ezurl}>{$child_item.name}</a></li>
                {/foreach}
              </ul>
              <ul class="colLeft">
                <li class="firstli"><span>{$child_item.name}</span></li>{* THIS SHOULD DISPLAY SECOND LEVEL ITEM NAME THAT HAS THIRD LEVEL  *}
              {foreach $children as $key => $child_item}
							{set $item_class = array()}
                	{if $current_node_in_path_3|eq($child_item.node_id)}
                    	{set $item_class = array("selected")}
                	{/if}
                	{if $key|eq(0)}
                    	{set $item_class = $item_class|append("firstli")}
                	{/if}
                	{if $children|count|eq( $key|inc )}
                    {set $item_class = $item_class|append("lastli")}
                	{/if}
                	{if $child_item.node_id|eq( $current_node_id )}
                    	{set $item_class = $item_class|append("current")}
                {/if}
                {* THIS SHOULD OUTPUT THIRD LEVEL ITEMS *}
                <li {if $item_class} class="{$item_class|implode(" ")}"{/if}><a {if $children|count()|gt(0)}{/if} href={$child_item.url_alias|ezurl}>{$child_item.name}</a></li>
                {/foreach}
              </ul>
            </ul>
{* THIS IS WHERE THE PROBLEM ENDS *}

            {* FEATURE ITEM *}
            <ul class="centerCol last">
              <ul class="colLeft split">
              	<li class="first"> <span>Featured</span> </li>            
              	{set $featured = fetch( 'content', 'list', hash( 'parent_node_id', $item.node_id,
																 'class_filter_type', 'include',
																 'class_filter_array', array( 'article_mainpage' ),
																 'limit', 1,
																 'depth', 2,
																 'sort_by', array( 'published', false() ) ) ) }

								{if $featured|count|gt(0)}
                <li> <a href={$featured.0.url_alias|ezurl} title="Featured"> Feature of the Month
			{attribute_view_gui attribute=$featured.0.data_map.image image_class=articlelist}
			</a> 
      					</li>
                {/if}
              </ul>
            </ul>
          </div>
        </li>
      </ul>
    {/if}
    </li>
    {delimiter}
    <li class="divider">/</li>
    {/delimiter}
  {/foreach}
{/if}
  </ul>
</div>


This code outputs this for third level menu items

{* THIS IS WHERE THE PROBLEM BEGINS *}
{* THIRD LEVEL *}
<ul class="centerCol first">
<ul class="colLeft split">
<li class="firstli"><span>defexclusive-interviews, music, videos & more</span></li>
<li><a href="/public/culture/latest">Latest</a></li>
<li><a href="/public/culture/feature">Feature</a></li>
<li><a href="/public/culture/hip-hop-corner">Hip Hop Corner</a></li>
<li class="lastli"><a href="/public/culture/defexclusive-interviews-music-videos-more">defexclusive-interviews, music, videos & more</a></li>
</ul>
<ul class="colLeft">
<li class="firstli"><span>defexclusive-interviews, music, videos & more</span></li>
<li class="firstli"><a href="/public/culture/latest">Latest</a></li>
<li><a href="/public/culture/feature">Feature</a></li>
<li><a href="/public/culture/hip-hop-corner">Hip Hop Corner</a></li>
<li class="lastli"><a href="/public/culture/defexclusive-interviews-music-videos-more">defexclusive-interviews, music, videos & more</a></li>
</ul>
</ul>
{* THIS IS WHERE THE PROBLEM ENDS *}

I want it to output something like this

<ul class="centerCol first">
<ul class="colLeft split">
{* Second level item name *}
<li class="firstli"> <span>Hip-Hop Corner</span> </li>
{* Third level items *}
<li> <a href="#">Say Word?</a> </li>
<li> <a href="#">More Than Just Music</a> </li>
<li> <a href="#">Daily Sound-Off</a> </li>
</ul>
<ul class="colLeft">
{* Second level item name *}
<li class="firstli"> <span>DefExclusives</span> </li>
{* Third level items *}
<li> <a href="#">Interviews</a> </li>
<li> <a href="#">Music, Video's &amp; More</a> </li>
</ul>
</ul>

If anyone can help me with this I would greatly appreciate it.

I am, because I choose to be!

Veronique Jamilloux

Tuesday 20 October 2009 10:18:17 am

hi

I've the same need for my site access. I find this contribution : http://ez.no/developer/contribs/template_plugins/suckerfish_dropdown_menu, with the template and the css file. I don't try it yet, but may you wil find the solution to your problem.
Bye

URGI - INRA
Webmaster
Route de Saint Cyr
78000 Versailles
Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.