Listen-Menü unter Typo3

Veröffentlicht am 17.07.2010 | Kommentar schreiben | Tags: typo3

In diesem Artikel wird kurz erklärt, wie man ein verschachteltes Listen-Menü unter Typo3 realisiert.

10 = HMENU
10 {
    entryLevel = 0
    wrap = <ul>|</ul>
    1 = TMENU
    1 {
        NO = 1
        NO {
            wrapItemAndSub = <li>|</li>
        }
        ACT = 1
        ACT < .NO
        ACT {
            ATagParams = class="active"
        }
    }
    2 < .1
    2 {
        wrap = <ul>|</ul>
    }
    3 < .2
}

Erklärungen zum TS

Zunächst wird ein neues Objekt des Typs HMENU erzeugt. Mit entryLevel wird das Einstiegslevel festgelegt. wrap definiert zunächst, dass das Menü von einem <ul> Tag umschlossen wird. Anschließend wird die erste Ebene 1 definiert. Durch wrapItemAndSub wird erreicht, dass der Link des 1. Ebene inkl. der Unterpunkte von dieser, durch <li> umschlossen werden. Anschließend werden für die 2. Ebene zunächst die Definitionen der 1. Ebene übernommen (2 < .1). Dann wird noch der wrap dieser Ebene auf eine <ul> Tag gesetzt. Für die 3. Ebene werden dann ebenfalls einfach die Definitionen der 2. Ebene übernommen. Dies kann dann für alle weiteren Unterebenen zu geschehen.

Für alle Links, die in der Root-Line liegen wurde durch die ACT.ATagParams Definition eine Klasse "active" festgelegt, dies ist natürllich nur optional. Wichtigstes Element dieser Verschachtelung ist die Definition wrapItemAndSub.

Ausgabe

Der Code oben erstellt bspw. folgende Ausgabe:

<ul>
    <li><a href="...">Menü 1</a></li>
    <li><a href="..." class="active">Menü 2</a>
        <ul>
            <li><a href="..." class="active">Menü 2.1</a></li>
        </ul>
    </li>
    <li><a href="...">Menü 3</a></li>
</ul>

Zurück zur Artikel-Übersicht

Kommentare