HEADER1 HEADER2 HEADER3 etc top section visible all the time, highlights current on mouseover
Sub1 Sub1 Sub1
Sub2 Sub2 Sub2 sub menu items only appear on mouseover
What happens as a user is that when you put your mouse on Header2 for example, then you get the dropdown of subitems visible, and you feel like you should only click on the sub items not the header itself. Of course, priority-wise all the best and most important content is on the actual page belonging to Header, not in Sub pages, so I'm worried users will ignore the main Header page content!
I am trying to get the "header" menu item to repeat again in the Sub items, as item #1 in the sub items, in same format as them. My poking around and experimenting with the code hasn't given me the right results yet (aka I don't know what I'm doing!) .... can anybody in 45 seconds save me grief and stick the proper repeating chunk of code in the right place??
Pretty please and thanks much in advance!!
Myriam
This is the Menu Template file:
Code: Select all
{* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="unli">' times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string='</li></ul>' times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent">
<a class="menuactive menuparent" {elseif $node->current == true}
<li class="menuactive">
<a class="menuactive" {elseif $node->haschildren == true}
<li class="menuparent">
<a class="menuparent" {elseif $node->type == 'sectionheader' and $node->haschildren == true}
<li class="sectionheader"><span class="sectionheader">{$node->menutext}</span>{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="menu_separator" />{else}
<li>
<a {/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}"><span {if $node->hierarchy=="1"}class="first"{/if}>{$node->menutext}</span></a>
{elseif $node->type == 'sectionheader'}
><span class="sectionheader">{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-1}
</li>
</ul>
<div class="clearb"></div>
</div>
{/if}
