Das Breadcrumb-Menü

Da wir schon beim Menü sind, wollen wir ein Brotkrumenmenü haben (Breadcrumb-Navigation). Dieses spezielle Menü zeigt uns an, wo wir uns befinden, jeder kennts von anderen Seiten.
Auch dafür hat Typo3 schon alles vorbereitet.

Wir wollen unser Breadcrumb im Inhaltsbereich oben haben. Müssen wir jetzt einen neuen Marker ins Template packen ?
NEIN !

Hä ?

Ja, richtig gehört, wir bedienen uns eines einfachen Elements, COA.
COA (ContentObjectArray) ist also nichts anderes als eine Ansammlung von Objekten. Im Prinzip haben wir das schon häufiger eingesetzt.
Ein Beispiel:

TypoScript
WALD = COA
WALD {
	10 = BAUM
	20 = BAUM
	30 = BAUM
	40 = BAUM
}

Genauso wollen wir das auch mit unserem Marker INHALT machen. Statt ihm nur ein Element zuzuweisen, nehmen wir 2:

TypoScript
INHALT = COA
INHALT{
   10 < Breadcrumb 
   20 < content.styles.get
}

Natürlich müssen wir unsere Bredcrumbnavigation erst einmal erstellen.
Es ist ein Menü (HMENU), und als special bekommt es nicht directory sondern rootline.
So sieht es aus:

TypoScript
10 = HMENU
10 {
	special = rootline
	special.range = 2|-1
	1 = TMENU
	1.noBlur = 1
	1.wrap = <ul id="breadcrumb"> | </ul>
	1.NO.linkWrap = <li> |  &raquo; </li>
	1.NO.ATagTitle.field = title
	1.NO.ATagTitle.noTrimWrap = | zur Seite: |
	1.CUR = 1
	1.CUR {
		linkWrap = <li><span class="spot5" title="Sie befinden sich auf der Seite:"> | </span></li>
		doNotLinkIt = 1
	}
}

rootline steht also für die Breadcrumb-Navigation. Etwas krytisch sieht der range-Befehl aus:
special.range = 2|-1

Übersetzt heisst das:

special.range = Start-Ebene | letzte Ebene

Unsere Breadcrumb fängt also bei Ebene 2 an, die -1 steht für "unbegrenzt".
Der aktive Punkt wird nicht verlinkt (doNotLinkIt), die Links bekommen ein Sonderzeichen (der Doppelpfeil) nachgestellt. So sieht unser Klickpfad doch sehr schön aus.

Abschliessend habe ich das CSS noch verschönert, so das unsere Seite schon sehr ansehnlich aussieht.

Typo3