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 standardmäßige Experience-Cloud-Navigation hinaus zu erstellen – etwa sekundäre Menüs, kontextbezogene Navigation oder linkgruppen für bestimmte Aktionen. Konfigurieren Sie Menüpunkte, Styling, Dropdowns und Link-Ziele im Experience Builder ohne Code.

Ideal für benutzerdefinierte Seitennavigation, kontextbezogene Menüs, Schnellaktions-Links oder überall dort, wo Ihr Portal Navigation über den standardmäßigen Website-Header hinaus benötigt.

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

Die Avonni-Navigationskomponente ist auf größere Flexibilität ausgelegt. Im Gegensatz zur standardmäßigen Salesforce-Navigation ermöglicht sie komplexere Menüstrukturen. Sie können Menüs mit mehreren Ebenen erstellen – stellen Sie sich diese als Schichten oder Stufen vor. Zum Beispiel können Sie Haupteinträge (Level 1), darunter Untereinträge (Level 2) und sogar Unteruntereinträge (Level 3) haben. Dieser gestaffelte Ansatz erleichtert es, eine große Menge an Informationen strukturiert und zugänglich zu organisieren und darzustellen.

Außerdem bietet Avonni eine breitere Palette 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 und erlaubt Ihnen, ein Navigationserlebnis zu schaffen, das visuell ansprechend ist und 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 Navigation im Seitenleistenstil.
Site-Logo anzeigen	Schalten Sie um, um das Site-Logo innerhalb der Navigationskomponente anzuzeigen.
Oben fixiert	Aktivieren Sie dies, damit die Navigationsleiste beim Scrollen der Nutzer oben im sichtbaren Bereich bleibt.
Mobiles Menü aktivieren	Aktivieren Sie ein für Mobilgeräte optimiertes Menü für eine bessere Navigation auf kleineren Bildschirmen.
Menü bei Hover öffnen	Konfigurieren Sie Dropdown-Menüs so, dass sie sich öffnen, wenn der Benutzer den Mauszeiger über einen Menüpunkt bewegt, statt einen Klick zu erfordern.
Schattiert	Fügen Sie der Navigationsleiste einen dezenten Schatteneffekt für visuelle Tiefe hinzu.
Dropdown-Nubbin anzeigen	Zeigen Sie eine kleine pfeilähnliche Grafik an, die auf den Menüpunkt zeigt, wenn sein Dropdown geöffnet ist.
Elementindikator anzeigen	Aktivieren Sie dies, um visuelle Indikatoren anzuzeigen, die signalisieren, dass unter einem Menüpunkt weitere Inhalte verfügbar sind.

🗄️ Datenquellenkonfiguration

🎨 Styling

Erscheinungsbild des Menüs

Die Menüvariante Einstellung innerhalb der Avonni-Navigationskomponente für Salesforce Experience Cloud bestimmt den Gesamtstil und das Verhalten des Menüs.

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

Hier sind die typischen Bedeutungen der Menüvarianten:

Base

Die base Die Variante stellt den Standardstil für ein Navigationsmenü dar. Sie ist schlicht, wobei Menüpunkte typischerweise in einer Reihe bei horizontaler Ausrichtung oder in einer Spalte bei vertikaler Ausrichtung aufgeführt sind. Diese Variante ist klar und minimalistisch und daher eine gute Wahl für die meisten Sites, bei denen ein klassischer Look gewünscht ist.

Drawer

Die drawer Die Variante steht für ein Menü, das von der Seite hereinschiebt, ähnlich einer geöffneten Schublade. Dieser Stil wird oft für vertikale Menüs verwendet, insbesondere in mobilen Ansichten oder wenn der Platz auf dem Bildschirm begrenzt ist. Die Navigation bleibt versteckt und ist ü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 innerhalb des Dropdowns selbst ein mehrstufiges, strukturiertes Layout möglich wird. Dies ist besonders nützlich, um komplexe Navigation mit vielen Einträgen oder Kategorien zu organisieren und Nutzern das Durchsuchen der Optionen zu erleichtern.

Beispiel für die Spalten-Variante

Tabs

Die tabs Die Variante wandelt die obersten Menüpunkte in eine Tab-Navigation um. Dieser Stil wird oft verwendet, wenn verschiedene Bereiche einer Site klar voneinander abgegrenzt und direkt über die Navigationsleiste zugänglich sein sollen. Er bietet Nutzern eine vertraute Oberfläche, ähnlich wie Registerkarten in einem Ordner 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 zu den Designprinzipien Ihrer Site passt und die User Journey verbessert.

Beispiel für die Tabs-Variante