Navigation

Übersicht

Die Avonni-Navigationskomponente ist eine anpassbare Navigationsleiste für Salesforce Experience Cloud-Sites. Sie verbessert die Benutzerfreundlichkeit der Site, indem sie Navigationslinks organisiert und schnellen Zugriff auf Abschnitte und Seiten bietet. Mit einer Vielzahl von Einstellungen lässt sie sich an nahezu jedes Site-Design und jede Navigationsstruktur anpassen.

Diese Komponente nutzt Slots für erweiterte Anpassungen und ist damit ideal für LWR-Seiten. Aura-Seiten unterstützen dieses Maß an Anpassung nicht.

Die Avonni-Navigationskomponente wurde mit größerer Flexibilität entwickelt. Im Gegensatz zur standardmäßigen Salesforce-Navigation ermöglicht sie komplexere Menüstrukturen. Sie können Menüs mit mehreren Ebenen erstellen – denken Sie an diese als Schichten oder Schritte. Beispielsweise können Sie Hauptelemente (Ebene 1), Unterelemente darunter (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 Stiloptionen. Dadurch können Sie das Erscheinungsbild Ihres Navigationsmenüs eng an den Stil Ihrer Marke anpassen. Sie haben mehr als nur Primärfarbe- und Schriftoptionen. Avonni ermöglicht eine tiefere Anpassung, 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, um die Navigationsleiste oben im Ansichtsfenster zu belassen, während Benutzer beim Scrollen nach unten die Seite bewegen.
Mobiles Menü aktivieren	Aktivieren Sie ein für Mobilgeräte optimiertes Menü für 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 einen Menüpunkt fährt, anstatt einen Klick zu erfordern.
Abgedunkelt	Fügen Sie der Navigationsleiste einen dezenten Schattierungseffekt für visuelle Tiefe hinzu.
Dropdown-Pfeil anzeigen	Zeigen Sie eine kleine pfeilähnliche Grafik, die auf das Menüpunkte zeigt, wenn dessen Dropdown geöffnet ist.
Elementindikator anzeigen	Umschalten, um visuelle Indikatoren anzuzeigen, die signalisieren, dass unter einem Menüpunkt mehr Inhalte verfügbar sind.

🗄️ Datenquellen-Konfiguration

🎨 Gestaltung

Aussehen des Menüs

Das Menüvariante Einstellung innerhalb der Avonni-Navigationskomponente für Salesforce Experience Cloud bestimmt den allgemeinen Stil und das Verhalten 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 Erscheinungsbild gewünscht wird.

Drawer

Das drawer Die Variante impliziert ein Menü, das seitlich hereinschiebt, ähnlich einer geöffneten Schublade. Dieser Stil wird häufig für vertikale Menüs verwendet, insbesondere in mobilen Ansichten oder wenn der Bildschirmplatz begrenzt ist. Er hält die Navigation versteckt 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, wodurch ein mehrstufiges, strukturiertes Layout innerhalb des Dropdowns selbst ermöglicht wird. Dies ist besonders nützlich zur Organisation komplexer Navigationen mit vielen Elementen oder Kategorien und erleichtert es Benutzern, die Optionen zu durchsuchen.

Beispiel für die Spalten-Variante

Registerkarten

Das Registerkarten Variante verwandelt die Menüpunkte der obersten Ebene in eine Registerkarten-Navigation. Dieser Stil wird oft verwendet, wenn verschiedene Bereiche einer Site abgegrenzt und direkt über die Navigationsleiste zugänglich sein müssen. Er bietet eine vertraute Oberfläche für Benutzer, ähnlich den Registerkarten in einem Ordner oder Webbrowser.

Jede dieser Varianten kann Ihr Navigations­erlebnis der Site mitdefinieren, daher ist es wichtig, eine zu wählen, die mit den Gestaltungsprinzipien Ihrer Site übereinstimmt und die Benutzerführung verbessert.

Beispiel für die Registerkarten-Variante