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

eZ debug

Timing:	Jan 18 2025 01:56:47
Script start
Timing:	Jan 18 2025 01:56:47
Module start 'layout'
Timing:	Jan 18 2025 01:56:47
Module start 'content'
Timing:	Jan 18 2025 01:56:48
Module end 'content'
Timing:	Jan 18 2025 01:56:48
Script end

Main resources:

Total runtime	1.0046 sec
Peak memory usage	4,096.0000 KB
Database Queries	59

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0051	587.7891	152.6094
Module start 'layout'	0.0051	0.0026	740.3984	39.4063
Module start 'content'	0.0077	0.9953	779.8047	537.0781
Module end 'content'	1.0030	0.0016	1,316.8828	12.2031
Script end	1.0046		1,329.0859

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0031	0.3053	16	0.0002
Check MTime	0.0013	0.1295	16	0.0001
Mysql Total
Database connection	0.0005	0.0505	1	0.0005
Mysqli_queries	0.9455	94.1145	59	0.0160
Looping result	0.0006	0.0631	57	0.0000
Template Total	0.9752	97.1	2	0.4876
Template load	0.0019	0.1921	2	0.0010
Template processing	0.9733	96.8784	2	0.4866
Template load and register function	0.0002	0.0158	1	0.0002
states
state_id_array	0.0007	0.0735	1	0.0007
state_identifier_array	0.0010	0.0992	2	0.0005
Override
Cache load	0.0016	0.1634	40	0.0000
Sytem overhead
Fetch class attribute can translate value	0.0006	0.0553	2	0.0003
Fetch class attribute name	0.0012	0.1182	4	0.0003
XML
Image XML parsing	0.0032	0.3140	2	0.0016
class_abstraction
Instantiating content class attribute	0.0000	0.0012	4	0.0000
General
dbfile	0.0043	0.4275	16	0.0003
String conversion	0.0000	0.0007	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded
1	node/view/full.tpl	full/forum_topic.tpl	extension/sevenx/design/simple/override/templates/full/forum_topic.tpl
3	content/datatype/view/ezxmltext.tpl	<No override>	extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tpl
2	content/datatype/view/ezxmltags/line.tpl	<No override>	design/standard/templates/content/datatype/view/ezxmltags/line.tpl
2	content/datatype/view/ezxmltags/link.tpl	<No override>	design/standard/templates/content/datatype/view/ezxmltags/link.tpl
5	content/datatype/view/ezxmltags/paragraph.tpl	<No override>	extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tpl
1	content/datatype/view/ezimage.tpl	<No override>	extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tpl
1	content/datatype/view/ezxmltags/literal.tpl	<No override>	extension/community/design/standard/templates/content/datatype/view/ezxmltags/literal.tpl
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 16 Number of unique templates used: 8

Time used to render debug report: 0.0001 secs