AX - Navigation

Überblick

AX - Navigation ist eine Experience Cloud-Komponente, die eine anpassbare Navigationsleiste mit Links und Menüs auf Experience Sites-Seiten anzeigt.

Verwenden Sie sie, um benutzerdefinierte Navigationsstrukturen über die Standard-Experience-Cloud-Navigation hinaus zu erstellen – wie sekundäre Menüs, kontextbezogene Navigation oder aktion-spezifische Linkgruppen. Konfigurieren Sie Menüpunkte, Styling, Dropdowns und Linkziele im Experience Builder ohne Code.

Perfekt für benutzerdefinierte Seitennavigation, kontextbezogene Menüs, Schnellaktionslinks oder überall dort, wo Ihr Portal eine Navigation jenseits der Standardseitenkopfzeile benötigt.

Diese Komponente nutzt Slots für erweiterte Anpassungen, wodurch sie ideal für LWR-Seiten ist. Aura-Seiten unterstützen dieses Anpassungsniveau nicht.

Die Avonni-Navigationskomponente wurde mit größerer Flexibilität entwickelt. Im Gegensatz zur Standard-Salesforce-Navigation erlaubt sie komplexere Menüstrukturen. Sie können Menüs mit mehreren Ebenen erstellen – denken Sie an diese als Schichten oder Schritte. Zum Beispiel können Sie Hauptelemente (Ebene 1), darunter liegende Unterelemente (Ebene 2) und sogar Unter-Unterelemente (Ebene 3) haben. Dieser geschichtete Ansatz erleichtert es, eine große Menge an Informationen strukturiert und zugänglich zu organisieren und darzustellen.

Darüber hinaus bietet Avonni ein breiteres Spektrum an Styling-Optionen. Dadurch können Sie das Erscheinungsbild Ihres Navigationsmenüs eng an den Stil Ihrer Marke anpassen. Sie haben mehr als nur Primärfarben- und Schriftoptionen. Avonni ermöglicht tiefere Anpassungen, sodass Sie ein visuell ansprechendes Navigationserlebnis schaffen können, das sich wie eine natürliche Erweiterung Ihrer Marke anfühlt.

Eigenschaften

🎚️ Allgemeine Konfiguration

Name	Beschreibung
Ausrichtung	Wählen Sie zwischen 'horizontal' für eine traditionelle obere Navigationsleiste oder 'vertikal' für eine Seitenleisten-Navigation.
Site-Logo anzeigen	Umschalten, um das Site-Logo innerhalb der Navigationskomponente anzuzeigen.
Oben fixiert	Aktivieren Sie diese Option, um die Navigationsleiste beim Scrollen am oberen Rand des Viewports zu halten.
Mobile Menü aktivieren	Aktivieren Sie ein für Mobilgeräte optimiertes Menü für eine bessere Navigation auf kleineren Bildschirmen.
Menü beim Überfahren öffnen	Konfigurieren Sie Dropdown-Menüs so, dass sie sich öffnen, wenn der Benutzer mit der Maus über ein Menüpunt fährt, anstatt einen Klick zu erfordern.
Abgedunkelt	Fügen Sie der Navigationsleiste einen dezenten Schattierungseffekt für visuelle Tiefe hinzu.
Dropdown-Spitze anzeigen	Zeigen Sie eine kleine pfeilähnliche Grafik an, die auf das Menüeint zeigt, wenn dessen Dropdown geöffnet ist.
Elementindikator anzeigen	Schalten Sie ein, um visuelle Indikatoren anzuzeigen, die signalisieren, dass unter einem Menüpunt mehr Inhalt verfügbar ist.

🗄️ Datenquellenkonfiguration

🎨 Styling

Menüaussehen

Das Menüvariante Einstellung innerhalb der Avonni-Navigationskomponente für Salesforce Experience Cloud bestimmt das allgemeine Stil- und Verhaltensbild des Menüs.

Wenn Ihre Datenquelle auf manuell eingestellt ist und Ihr Menü Unterelemente enthält, können Sie die 'Menüvariante'-Funktion verwenden.

Hier sind die typischen Bedeutungen der Menüvarianten:

Basis

Das basis Variante stellt den Standardstil für ein Navigationsmenü dar. Sie ist unkompliziert, wobei Menüpunkte typischerweise in einer Reihe für eine horizontale Ausrichtung oder in einer Spalte für eine vertikale Ausrichtung aufgelistet sind. Diese Variante ist sauber und minimalistisch und daher eine gute Wahl für die meisten Sites, bei denen ein klassisches Aussehen gewünscht wird.

Drawer

Das drawer Die Variante impliziert ein Menü, das seitlich hereinschiebt, ähnlich einer geöffneten Schublade. Dieser Stil wird oft für vertikale Menüs verwendet, besonders in mobilen Ansichten oder wenn der Bildschirmplatz begrenzt ist. Er hält die Navigation verborgen und über ein Menüsymbol (oft ein "Hamburger"-Symbol) zugänglich, bis sie benötigt wird.

Beispiel für die Drawer-Variante

Spalten

Mit der Spalten- Variante werden Dropdown-Menüs in Spalten angezeigt, was ein mehrstufiges, strukturiertes Layout innerhalb des Dropdowns ermöglicht. Dies ist besonders nützlich, um komplexe Navigationen mit vielen Elementen oder Kategorien zu organisieren und es den Benutzern zu erleichtern, die Optionen zu durchsuchen.

Beispiel für die Spalten-Variante

Tabs

Das tabs Die Variante verwandelt die obersten Menüpunkte in eine Registernavigaton. Dieser Stil wird oft verwendet, wenn verschiedene Bereiche einer Site abgegrenzt und direkt über die Navigationsleiste zugänglich sein müssen. Er bietet den Benutzern eine vertraute Oberfläche, ähnlich den Tabs in einem Ringbuch oder einem Webbrowser.

Jede dieser Varianten kann dazu beitragen, das Navigationserlebnis Ihrer Site zu definieren. Daher ist es wichtig, eine Variante zu wählen, die mit den Designprinzipien Ihrer Site übereinstimmt und die Benutzerführung verbessert.

Beispiel für die Tabs-Variante