Forums / Setup & design / Top menu
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)}
Saturday 16 April 2011 4:47:37 am
Ok Thanks,
Script start
Module start 'content'
Module end 'content'
Script end
Time used to render debug report: 0.0002 secs