Das Menü links

Prima, dann machen wir das doch auch direkt für das linke Menü. Einziger Unterschied, das wir von einer anderen Ursprungsseite ausgehen und ev. mehrere Ebenen brauchen.

Als erstes kopieren wir unser Menü und ändern nur den Startpunkt und den Namen der CSS-Klasse

TypoScript
LINKS = HMENU
LINKS {
	special = directory
	special.value = 3
	1 = TMENU
	1.wrap=<ul>|</ul>
	
	1.NO = 1
	1.NO.linkWrap = <li>|</li>
	
	1.ACT = 1
	1.ACT < .NO
	1.ACT.doNotLinkIt = 1
	1.ACT.allWrap = <li id="leftnavi-aktiv">|</li> 

}

Um die nächste Ebene testen zu können, legen wir 2 weitere Seiten unterhalb von Produkte an.

Machen wir uns an die Darstellung. Hier wird es jetzt schön einfach, da wir wieder kopieren können.
Wir erweitern unser HMENU um ein weiteres Objekt. Dieses ist automatisch das Objekt der nächsten Ebene - ist das nicht super praktisch ?
Und dieses Objekt kopieren wir einfach von der ersten Ebene Wir müssen natürlich noch die CSS-Klasse abändern

TypoScript
2 = TMENU
2.noBlur = 1
2.wrap = <li><ul>|</ul></li>
2.noBlur = 1

2.NO = 1
2.NO.ATagTitle.field = title
2.NO.linkWrap = <li>|</li>

2.ACT = 1 
2.ACT < .2.NO
2.ACT.doNotLinkIt = 1
2.ACT.allWrap = <li id="leftnavi-sub-aktiv">|</li>

Komisch, wir probieren es und sehen, das sich nichts verändert hat. Haben wir was falsch gemacht ?
Zur Sicherheit löschen wir das Cache, indem wir auf die beiden Buttons links klicken.

hmm - immer noch nichts. Scheinbar fehlt noch was.

Ah, wir brauchen für die Fortführung der Ebenen einen Wert, der sagt, bei welcher Ebene es los geht.
Schauen wir uns die Ebenen nochmal an:

Unser Menü hat den Ausgangspunkt Ebene 1, wir fügen das noch ein:
entryLevel = 1

und siehe da, es funktioniert

Manche mag es ärgern, das Typo3 immer noch einen Code in die Links schreibt:

 

onfocus="blurLink(this);"

um das abzuschalten, gibt man noch den Parameter
noBlur = 1
mit. Ausserdem möchten wir noch den title-tag der Links füllen, das machen wir mit dem Seitentitel:


wir schauen uns nochmal das komplette linke Menü an:

TypoScript
LINKS = HMENU
LINKS {
	special = directory
	special.value = 2
	entryLevel = 1
	
	1 = TMENU
	1.wrap= <ul>|</ul>
	1.noBlur = 1
	
	1.NO = 1
	1.NO.ATagTitle.field = title
	1.NO.linkWrap = <li>|</li>
	
	1.ACT = 1
	1.ACT < .NO
	1.ACT.doNotLinkIt = 1
	1.ACT.allWrap = <li id="leftnavi-aktiv">|</li> 
	
	2 = TMENU
	2.noBlur = 1
	2.wrap = <li><ul>|</ul></li>
	2.noBlur = 1
	
	2.NO = 1
	2.NO.ATagTitle.field = title
	2.NO.linkWrap = <li>|</li>
	
	2.ACT = 1 
	2.ACT < .2.NO
	2.ACT.doNotLinkIt = 1
	2.ACT.allWrap = <li id="leftnavi-sub-aktiv">|</li> 
	
}
Typo3