Zeige eine Navigationsleiste oder Menü, die für die Navigation auf deiner Website verwendet werden kann. Verwende diese Komponente, um eine Navigationsleiste unabhängig von der Template - Position zu positionieren.

Grundeinstellungen

Datum der Veröffentlichungseinstellungen

Legen Sie die Start- und Enddaten für die Veröffentlichung fest. Dadurch wird die Komponente ui/Theme-Builder nur für den angegebenen Zeitraum veröffentlicht. Wenn Sie sowohl das Start- als auch das Enddatum festlegen, wird die Komponente ui/Theme-Builder nur zwischen dem Anfangs- und Enddatum angezeigt.

Veröffentlichungsbeginn

Wenn Sie nur den Veröffentlichungsbeginn und nicht das Enddatum festlegen, wird Joomla! die ui/Theme-Builder-Komponente ab dem angegebenen Veröffentlichungsbeginn anzeigen, aber sie niemals entfernen.

Veröffentlichungsende

Wenn Sie nur das Veröffentlichungsende und nicht den Veröffentlichungsbeginn festlegen, wird Joomla! die ui/Theme-Builder-Komponente sofort anzeigen, sobald Sie sie aktiviert haben, und sie nicht mehr anzeigen, sobald das Veröffentlichungsende erreicht ist.

Label

Definieren Sie einen Namen, um dieses Element im ui/Theme-Builder leicht zu identifizieren.

Wählen Sie ein Menü

Wählen Sie ein Joomla-Menü aus der Liste unten aus.

Wählen Sie einen Basislink

Wählen Sie einen Basislink aus der Liste unten aus.

Klasse

Definieren Sie einen oder mehrere Klassennamen für das Element. Trennen Sie mehrere Klassen mit Leerzeichen.

ID

ID-Selektor für das Element.

Stil-Einstellungen

Addon-Abstand

Wählen Sie einen Abstand für die Komponente.

Menü-Layout

Wählen Sie ein Layout. (Layouts: Navbar, Nav, Subnav)

Grenzausrichtung

Ja oder Nein. Sie können das Drop-Down auch an seine Grenze ausrichten. (Layout: Navbar)

Navbar-Logo

Ja oder Nein. Wählen Sie ein Bild oder verwenden Sie einen benutzerdefinierten Bildcode, z. B. einen SVG-Code. (Layout: Navbar)

Geteilte Navigationsleiste?

Ja oder Nein. Sie können ein geteiltes Menü mit einem zentrierten Logo erstellen. Diese Option teilt alle Menüpunkte der ersten Ebene in zwei separate Navigationsleisten, links und rechts. In der Mitte befindet sich das Logo. (Layout: Navbar)

Navbar-Container

Fügen Sie das Navbar-Container-Element hinzu, um der Navbar eine maximale Breite zu geben. (Layout: Navbar)

Navbar-Transparent?

Ja oder Nein. (Layout: Navbar)

Eltern-Symbol anzeigen?

Ja oder Nein. (Layout: Navbar, Nav, Subnav)

Tooltips anzeigen?

Ja oder Nein. (Layout: Navbar, Nav, Subnav)

Tooltip-Position

Wenn Tooltips angezeigt werden, können Sie mit dieser Einstellung deren Position ändern. (Layout: Navbar, Nav, Subnav)

Grenzausrichtung einstellen

Stellen Sie die Position des Drop-Downs ein. (Layout: Navbar)

Mehrere Spalten

Die Dropdown-Komponente ermöglicht es, den Dropdown-Inhalt in Spalten anzuordnen. (Layout: Navbar, Nav)
Diese Einstellung gilt für alle Dropdowns im Menü. Wenn Sie benutzerdefinierte Spalten für Ihr Menüelement angeben möchten, navigieren Sie zu Joomla-Menüeinstellungen -> Menüelement auswählen -> Linktyp-Einstellung -> Linktitel-Attribut {col x} (x = Anzahl der Spalten). Mögliche Werte 1-5. (Einstellungen)

Spaltenbreite in px festlegen

Verwenden Sie diese Einstellung, um Zeilenumbrüche in den Spalten zu verhindern. (Layout: Navbar, Nav)

Nav-Modifikator

Wählen Sie einen Stilmodifikator für die Navigation. (Layout: Nav)

Dropbar verwenden?

Ja oder Nein. Eine Dropbar erstreckt sich über die gesamte Breite der Navigationsleiste und zeigt das Dropdown ohne die Standardformatierung an. (Layout: Navbar)

Offcanvas verwenden?

Erstellen Sie eine Offcanvas-Seitenleiste, die auf der Seite ein- und ausfährt, was sich perfekt für die Erstellung mobiler Navigationen eignet. (Layout: Navbar, Nav)

Offcanvas umkehren?

Wählen Sie "Ja", um die Ausrichtung des Offcanvas anzupassen, sodass es von rechts hereinrutscht.

Offcanvas-Overlay?

Zeigen Sie das Offcanvas zusammen mit einem Overlay an.

Offcanvas-Animationsmodi

Standardmäßig fährt das Offcanvas herein. Sie können jedoch zwischen verschiedenen Animationsmodi für den Offcanvas-Eingang wählen.

Offcanvas-Akkordeon?

Standardmäßig sind untergeordnete Menüelemente immer sichtbar. Um einen Akkordeon-Effekt anzuwenden, wählen Sie einfach "Ja".

Animationseinstellungen

Scrollspy-Animation

Die Scrollspy-Komponente überwacht das Scrollen auf der Seite und löst Ereignisse basierend auf der Scrollposition aus. Wenn Sie zum Beispiel eine Seite nach unten scrollen und ein Element zum ersten Mal im Ansichtsfenster erscheint, können Sie eine sanfte Animation auslösen, um das Element einzublenden.