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.

Download TypoScript Bootstrap 4 Navigation

TYPO3 Tutorial: Navigation mit Bootstrap 4

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.

Download TypoScript für Bootstrap 4 Mega Menu

TYPO3 Tutorial: Mega Menu mit Bootstrap 4

Mega Menu mit Bootstrap 4 im IBK Wiki

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 Breadcrumb Navigation

Brotkrümelnavigation mit TypoScript im IBK Wiki

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.

 Download TypoScript für besondere Seiten

TYPO3 Tutorial: Special Menus

Navigation mit besonderen Seiten im IBK Wiki

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.

Download TypoScript für Sprachmenu mit Text

Download TypoScript für Sprachmenu mit Bildern

TYPO3 Tutorial: Sprache umschalten

Sprache der Webseite umschalten im IBK Wiki

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