Navigation: Top-Navigation und Off-Canvas

JW Template nutzt das Joomla native Modul Navigation (mainmenu) in Zusammenspiel mit einem speziellen Layout. 

Hauptmenü erstellen

In Joomla 3.X ist das Hauptmenü im Standart in der Modulposition "position-7" gespeichert. Navigieren Sie Menüs -> Menüs Verwalten auf das Hauptmenü und ändern die Modul Position auf "ja-mainnavigation". Anschließend wählen Sie unter Layout das gleichnamige Layout aus.

Sidebarmenü (offcanvas) erstellen

Das Sidebar-Menü ist komplett gesondert anzulegen, somit kann in der Sidebar z.B. ein anderes Menü als in der Hauptnavigation dargestellt werden. 

Legen Sie ein neues Modul Hauptmenü (mainnavigation) an und wählen Sie das Menü welches dargestellt werden soll. Speichern Sie dieses Mobil in die Modul-Position "jw-offcanvas" und wählen als Layout das gleichnamige aus.

Navigation Konfiguration

Folgende Konfigurationen können Sie im Template, unter dem Reiter Navigation, nun vornehmen:

Toogle button

Wählen Sie den Bootstrap Media-Breakpoint wann das Menü einklappen, und das Mobile-Menü erscheinen soll.

• navbar-expand-sm (Darstellung auf kleinen Geräten)
• navbar-expand-md (Darstellung auf mittleren Geräten)
• navbar-expand-lg (Darstellung auf großen Geräten)
• navbar-expand-xl (Darstellung auf extra großen Geräten >1200px)

Für weitere Detailinformatoinen besuchen Sie bitte die bootstrap4 documentation.

Header aussehen

Wählen Sie aus folgenden Optionen:

• Dark = Benutzt das Standart "Dark"-Theme von Bootstrap 4
• Light = Benutzt das Standart "Light"-Theme von Bootstrap 4
• Use own color = Eigene Farbkonfigurationen (diese muss zum Teil manuell über eigenen CSS Eigenschaften konfiguriert werden)

Die ersten beiden Optionen nutzend die bootstrap4 color schemes.

Fixed Header

Stellen Sie eine der folgenden Optionen ein:

• not fixed
• position fixed (Bootstrap 4 Standard)
• Benutze das jquery sticky plugin.

In den meisten Fällen empfehlen wir die Nutzung de Sticky Plugins.

Ausrichtung Menülinks

Wählen Sie ob die Menüpunkte auf der linken oder rechten Seite angeordnet werden sollen.

Paddings

Manuelles Setzen von Abständen der Navigation

Sidebar Version

Wählen Sie die Option der Sitebar-Variante:

• Ausklappbar statisch
• Aufklappbar fest positioniert mit Overlay
• Teilweise ausklappbar

Offcanvas Style: Folgende Optionen sind auswählbar

• Dark = Bootstrap 4 Dark Layout
• Light = Bootstrap 4 Light Layout
• Eigene Farben = Benutze eigene Farben

Die ersten beiden Optionen basieren auf den bootstrap4 color schemes.

Off-Canvas Standartwert: Wenn "Teilweise ausklappbar" als Sidebar Verwion angewählt wurde, können Sie hier die entsprechenden Optionen wählen:

• Geschlossen
• Geöffnet