Fünfter Schritt - Das Menu
Die verschiedenen Menus des Systems werden über ein eigenes Modul realisiert. Das Modul bietet daher auch das normale Seitenmenu als Action an. Das einfügen des Menus erfolgt über eine so genannte Inline Action, eine Action deren Ausgabe an einer bestimmten Stelle über ein Keyword ins Template gerendert wird.
Smarty
Das eigentliche Markup wird in SMARTY in der Datei
gebaut:
Keyword
An der Stelle in Template an welcher das Menu ausgegeben werden soll, reicht daher das Keyword:
<div>
...
{ldelim}$menu{rdelim}
...
</div>
...
{ldelim}$menu{rdelim}
...
</div>
Inline Action
Das füllen des Keywords mit der Ausgabe der Action erfolgt über die Zuordnung in der INI Datei des Layouts (z.B. /templates/<your layout>/configs/config.ini):
[InlineActions]
content.menu.action = "cms";
content.menu.module = "menu";
Smarty
Das eigentliche Markup wird in SMARTY in der Datei
templates/<your layout>/modules/menu/cms.tpl
gebaut:
{ldelim}* Menü Snippet. Hiermit wird das Hauptmenü gerendert*{rdelim}
{ldelim}if count($menu){rdelim}
<ul class="{ldelim}if $active{rdelim}active {ldelim}/if{rdelim}menu m_depth_{ldelim}$depth{rdelim}">
{ldelim}foreach item="treeitem" from="$menu"{rdelim}
<li class="{ldelim}if $treeitem.active{rdelim}active {ldelim}/if{rdelim}{ldelim}if $treeitem.child_active{rdelim}active {ldelim}/if{rdelim}m_depth_{ldelim}$depth{rdelim}" >
<a class="{ldelim}if $treeitem.active OR $treeitem.child_active{rdelim}active {ldelim}/if{rdelim}" href="{ldelim}$treeitem.link{rdelim}">
<span class="button_navi">
<span class="bl"><span class="blinner"> </span></span>
<span class="bm">
<span class="bminner">
{ldelim}$treeitem.titel{rdelim}
</span>
</span>
<span class="br"><span class="brinner"> </span></span>
</span>
</a>
{ldelim}include file=$snippetpath menu=$treeitem.children depth=$depth+1 active=$treeitem.child_active{rdelim}
</li>
{ldelim}/foreach{rdelim}
</ul>
{ldelim}/if{rdelim}
{ldelim}if count($menu){rdelim}
<ul class="{ldelim}if $active{rdelim}active {ldelim}/if{rdelim}menu m_depth_{ldelim}$depth{rdelim}">
{ldelim}foreach item="treeitem" from="$menu"{rdelim}
<li class="{ldelim}if $treeitem.active{rdelim}active {ldelim}/if{rdelim}{ldelim}if $treeitem.child_active{rdelim}active {ldelim}/if{rdelim}m_depth_{ldelim}$depth{rdelim}" >
<a class="{ldelim}if $treeitem.active OR $treeitem.child_active{rdelim}active {ldelim}/if{rdelim}" href="{ldelim}$treeitem.link{rdelim}">
<span class="button_navi">
<span class="bl"><span class="blinner"> </span></span>
<span class="bm">
<span class="bminner">
{ldelim}$treeitem.titel{rdelim}
</span>
</span>
<span class="br"><span class="brinner"> </span></span>
</span>
</a>
{ldelim}include file=$snippetpath menu=$treeitem.children depth=$depth+1 active=$treeitem.child_active{rdelim}
</li>
{ldelim}/foreach{rdelim}
</ul>
{ldelim}/if{rdelim}
