DropDown Menu mit Web to Date
Mit Web to Date 6.0 ist es auch möglich Navigationsmenüs mit mehreren Ebenen als Drop Down zu erstellen. Dazu ist in der navigation.ccml Datei folgende Anpassung im Menübereich nötig:
<!-- DROP DOWN MENU -->
<ul id="nav">
<cc:loop type="maintopic" obj="mymaintopic">
<li><a <cc:if cond="&mymaintopic.isexactpagemaintopic">style="font-weight: bold;" </cc:if> class="maintopic" href="<cc:print value="&mymaintopic.url">"><cc:print value="&mymaintopic.caption"></a>
<ul>
<cc:loop type="topic" obj="mytopic" maintopic="&mymaintopic.number">
<li><a <cc:if cond="&mytopic.isexactpagetopic">style="font-weight: bold;" </cc:if> class="topic" href="<cc:print value="&mytopic.url">"><cc:print value="&mytopic.caption"></a>
<ul>
<cc:loop type="subtopic" obj="mysubtopic" maintopic="&mymaintopic.number" topic="&mytopic.number">
<li><a <cc:if cond="&mysubtopic.ispagesubtopic">style="font-weight: bold;" </cc:if> class="subtopic" href="<cc:print value="&mysubtopic.url">"><cc:print value="&mysubtopic.caption"></a></li>
</cc:loop>
</ul>
</cc:loop>
</ul>
</li>
</cc:loop>
</ul>
<!-- / DROP DOWN MENU -->
Weiterhin muss für die DropDown-Funktionalität CSS/JS Code ergänzt werden. Hier können die gängigen Suckerfish oder Superfish Menüs weiterhelfen.





Kommentar hinzufügen