Top menu

Next topic

Author	Message
Andy Woods	Friday 08 April 2011 7:32:12 am I've got a quick question related to customising the top menu. My designer has a template which you can see at: http://www.peccater.com/home.html The markup for the menu is as follows: <div id="topnav"> <ul> <li class="first navon"><a href="/">Home</a></li> <li><a href="/products">Products</a> <ul> <li><a href="/retrofit">Retro-fit</a></li> <li><a href="/discrete">Discrete</a></li> </ul></li> <li><a href="/history">History</a></li> <li><a href="/applications">Applications</a> <ul> <li><a href="/wiring">Wiring</a></li> <li><a href="/transport">Transport</a></li> <li><a href="/distribution">Distribution</a></li> <li><a href="/motor_control">Motor Control</a></li> </ul></li> <li><a href="/faqs">FAQs</a></li> <li><a href="/contact_us">Contact Us</a></li> </ul> </div> Can you tell me what is the simplest way of applying this style to ezpublish so that the top menu is displayed in the same way as the template mentioed above please? Thanks, Andy
Karol Radziuk	Sunday 10 April 2011 11:54:18 pm Hi, 1. In eZ you create nodes named products, retrofit... (under main node) 2. Then you fetch these nodes like <ul> {foreach fetch('content', 'list', hash( 'parent_node_id', $parent_id, ... )) as $child} <li>{node_view_gui content_node=$child view='listitem'}</li> {/foreacj} </ul> 3. After listing, you use css and javascript to stylize. The simplest way is using some already prepared scripts, like from: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/ {$me\|attribute(show,1)}
Andy Woods	Saturday 16 April 2011 4:47:37 am Ok Thanks, Andy

Author

Message

Friday 08 April 2011 7:32:12 am

I've got a quick question related to customising the top menu.
My designer has a template which you can see at: http://www.peccater.com/home.html The markup for the menu is as follows:

<div id="topnav">
<ul>
<li class="first navon"><a href="/">Home</a></li>
<li><a href="/products">Products</a>
<ul>
<li><a href="/retrofit">Retro-fit</a></li>
<li><a href="/discrete">Discrete</a></li>
</ul></li>
<li><a href="/history">History</a></li>
<li><a href="/applications">Applications</a>
<ul>
<li><a href="/wiring">Wiring</a></li>
<li><a href="/transport">Transport</a></li>
<li><a href="/distribution">Distribution</a></li>
<li><a href="/motor_control">Motor Control</a></li>
</ul></li>
<li><a href="/faqs">FAQs</a></li>
<li><a href="/contact_us">Contact Us</a></li>
</ul>
</div>

Can you tell me what is the simplest way of applying this style to ezpublish so that the top menu is displayed in the same way as the template mentioed above please?

Thanks,

Andy

Karol Radziuk

Sunday 10 April 2011 11:54:18 pm

Hi,

1. In eZ you create nodes named products, retrofit... (under main node)

2. Then you fetch these nodes like

<ul>

{foreach fetch('content', 'list', hash( 'parent_node_id', $parent_id, ... )) as $child}
   <li>{node_view_gui content_node=$child view='listitem'}</li>
{/foreacj}
</ul>

3. After listing, you use css and javascript to stylize. The simplest way is using some already prepared scripts, like from: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

{$me|attribute(show,1)}

Andy Woods

Saturday 16 April 2011 4:47:37 am

Ok Thanks,

Andy