TypoScript Download: Bootstrap Navigation Navbar, Mega Menu
In einer TYPO3 Webseite können Sie viele Arten einer Navigation realisieren. Üblich sind Webseiten auf Basis des Framework Bootstrap in Form einer Navbar oder eines Mega Menu. Als andere Arten einer Navigation können Sie eine Brotkrümelnavigation, ein Sprachmenu oder besonders hervorgehobene Seiten anbinden. Wir haben einige TypoScript Downloads mit Quellcode zu diesen Themen bereitgestellt.
Responsive Navigation: Navbar mit Bootstrap 4
Mit diesem TypoScript bauen Sie eine Navigation auf, die bis zu zwei Ebenen in responsivem Layout auf der Basis von Bootstrap 4 darstellen kann.
Das TypoScript sorgt dafür, dass Links in der ersten Ebene ohne folgende Seiten als Link dargestellt werden. Hat eine Seite Links in der folgenden Ebene, wird ein Quelltext erzeugt, der ein Drop Down Menu erzeugt.
Mega Menu mit Bootstrap 4
Die Version 4 von Bootstrap bietet als neues Feature die Erstellung eines Mega Menu. Mit dieser Navigation können beim Klick auf einen Link in der Navbar mehrere Ebenen dargestellt werden.
Das TypoScript dieser zum Download stehenden Datei bietet die Gestaltung der Links von drei Ebenen.
TypoScript für Breadcrumb Navigation
Eine Brotkrümel- oder Breadcrumb-Navigation, auch Parallelnavigation genannt, stellt den Klickpfad zur aktuellen Seite bereit. Im Link unten finden Sie eine TypoScript Vorlage zur Einbindung in eine TYPO3 Webseite.
TypoScript für Navigation mit speziellen Seiten
Für einzelne Seiten wie Kontakt, Impressum oder die Datenschutzerklärung hat man oft den Auftrag, diese Links in jeder Seite verfügvar zu machen. Solch eine Navigation findet man oft im Footer einer Webseite. Im Link unten finden Sie eine TypoScript Vorlage für ein Navigation besonderer Seiten.
Sprachmenus für mehrsprachige Webseiten
Mit TYPO3 lassen sich hervorragend mehrsprachige Webseiten gestalten. Das Umschalten zwischen den angebotenen Sprachen kann mehr per Textlinks oder über Flaggensymbole einbauen.
Im Download bieten wir zwei Dateien an: Eine ZIP-Datei mit TypoScript für einen multilingualen Umschalter mit Text, eine weitere TypoScript für einen Sprachumschalter mit Bildern.
TYPO3 Tutorial: weitere Informationen zum Thema Navigation
In unserem TYPO3 Tutorial finden Sie weitere Informationen zum weiten Thema der Navigation und der Menus:
TYPO3 Tutorial: Bootstrap Navigation, Brotkrümel, Sprachmenu und mehr