Breadcrumb / Krümelpfad Menü
Breadcrumbmenüs (zu deutsch Krümelpfadmenüs oder Klickpfad) sind immer dann sehr beliebt, wenn es sich um eine komplexe Seitenstruktur mit vielen verschachtelten Menüebenen handelt. In TYPO3 nennt man diese auch rootline Menüs. Ein Krümelpfad hilft dem Besucher, sich auf der Seite zurechtzufinden und bei Bedarf bequem auf vorher besuchte Überseiten zurückzuspringen.
Es wäre geschickt, so einen Klickpfad als ul-Liste anzulegen und dann per CSS zu formatieren. Da ich diese Methode aber schon beim DropDown-Menü erwähnt habe, zeige ich euch hier lediglich eine Ausführung in der die Links einfach hintereinander ausgegeben werden und mit einem gt-Zeichen (das sieht so aus: > ) getrennt werden.
TypoScript:
lib.breadcrumb = HMENU
lib.breadcrumb {
special = rootline
special.range = 1|-1
1 = TMENU
1 {
NO.linkWrap = | >
NO.stdWrap2.noTrimWrap = | | |
CUR < .NO
CUR = 1
CUR {
linkWrap = |
doNotLinkIt = 1
}
}
}
Der Marker (lib.breadcrumb) ist natürlich wieder ganz nach eueren Bedürfnissen anzupassen.
Kurze Erklärung
Das HMENU bekommt den special-Wert rootline der dafür sorgt, dass die Menüeinträge durch Seiten aus der rootline (also quasi die Verbindung zur obersten Seite) erzeugt werden. range 1|-1 bedeutet, dass die rootline bei Ebene 1 beginnen soll (1) und jeweils bis zur aktuellen Seite reicht (-1). Würde die erste Zahl z.B. durch 0 ersetzt beginnt die rootline beim root. Ersetzt man die zweite Zahl durch -2 so wird z.B. die aktuelle Seite nicht mehr mit angezeigt.
Dem Link wird mit linkWrap ein ">" angehängt und anschließend mit zwei Leerzeichen um den Link gewrappt, so dass der Pfeil nicht am Text "klebt". Der wrap wird dann von der aktuellen Seite wieder entfernt und außerdem wird doNotLinkIt gesetzt, damit das letzte Item nicht klickbar ist.
Die Ausgabe des oben genannten Codes könnte so aussehen:
Menü Ebene 1 > Menü Ebene 2 > Menü Ebene 3 > Aktuelle Seite
