AX - Navigazione
Panoramica
AX - Navigazione è un componente di Experience Cloud che visualizza una barra di navigazione personalizzabile con link e menu nelle pagine dei siti Experience.
Usalo per creare strutture di navigazione personalizzate oltre la navigazione standard di Experience Cloud—come menu secondari, navigazione contestuale o gruppi di link per azioni specifiche. Configura gli elementi del menu, lo stile, i menu a discesa e le destinazioni dei link in Experience Builder senza codice.
Perfetto per la navigazione personalizzata delle pagine, menu contestuali, link per azioni rapide o ovunque il tuo portale necessiti di navigazione oltre l'intestazione predefinita del sito.
Questo componente sfrutta gli slot per una personalizzazione avanzata, rendendolo ideale per i siti LWR. I siti Aura non supportano questo livello di personalizzazione.
Il componente Avonni Navigation è progettato con una maggiore flessibilità in mente. A differenza della navigazione standard di Salesforce, consente strutture di menu più complesse. Puoi creare menu a più livelli – pensali come strati o passaggi. Ad esempio, puoi avere elementi principali (Livello 1), sotto-elementi sotto questi (Livello 2) e persino sotto-sotto elementi (Livello 3). Questo approccio stratificato rende più semplice organizzare e presentare una grande quantità di informazioni in modo strutturato e accessibile.
Inoltre, Avonni offre una gamma più ampia di opzioni di stile. Questo ti permette di personalizzare da vicino l'aspetto del menu di navigazione in base allo stile del tuo marchio. Hai più di semplici opzioni per colore primario e carattere. Avonni consente una personalizzazione più profonda, permettendoti di creare un'esperienza di navigazione visivamente accattivante che sembri un'estensione naturale del tuo brand.
Proprietà
Orientamento
Scegli tra 'orizzontale' per una tradizionale barra di navigazione superiore o 'verticale' per una navigazione in stile barra laterale.
Mostra logo del sito
Attiva per visualizzare il logo del sito all'interno del componente di navigazione.
Fisso in alto
Abilita per mantenere la barra di navigazione nella parte superiore della finestra mentre gli utenti scorrono la pagina verso il basso.
Abilita menu mobile
Attiva un menu ottimizzato per mobile per una migliore navigazione su schermi più piccoli.
Apri menu al passaggio del mouse
Configura i menu a discesa per aprirsi quando l'utente passa il mouse su un elemento del menu, invece di richiedere un clic.
Sfumato
Aggiungi un leggero effetto di ombreggiatura alla barra di navigazione per profondità visiva.
Mostra freccia del menu a discesa
Mostra una piccola grafica a forma di freccia che indica l'elemento del menu quando il suo menu a discesa è aperto.
Mostra indicatore elemento
Attiva per visualizzare indicatori visivi che segnalano che è disponibile altro contenuto sotto un elemento del menu.
Fonte dati manuale: Usa questo per creare la tua struttura di navigazione, definendo ogni elemento e le sue proprietà.
Etichetta
Scegli tra 'orizzontale' per una tradizionale barra di navigazione superiore o 'verticale' per una navigazione in stile barra laterale.
Descrizione
Attiva per visualizzare il logo del sito all'interno del componente di navigazione.
Tag
Abilita per mantenere la barra di navigazione nella parte superiore della finestra mentre gli utenti scorrono la pagina verso il basso.
Tooltip
Attiva un menu ottimizzato per mobile per una migliore navigazione su schermi più piccoli.
Variante avatar
Configura i menu a discesa per aprirsi quando l'utente passa il mouse su un elemento del menu, invece di richiedere un clic.
Nome icona avatar
Aggiungi un leggero effetto di ombreggiatura alla barra di navigazione per profondità visiva.
Dimensione icona avatar
Mostra una piccola grafica a forma di freccia che indica l'elemento del menu quando il suo menu a discesa è aperto.
Sorgente immagine avatar
Attiva per visualizzare indicatori visivi che segnalano che è disponibile altro contenuto sotto un elemento del menu.
Etichetta per sotto-elementi e sotto-sotto-elementi
Il testo visualizzato per il sotto-elemento.
Collegamento per sotto-elementi e sotto-sotto-elementi
L'URL o la pagina del sito a cui il sotto-elemento si collega.
Questo può essere ulteriormente nidificato in "Sotto-sotto elementi" con le stesse impostazioni per un altro livello di profondità
Impostazioni generali di navigazione
Dimensione
Personalizza le dimensioni complessive del menu di navigazione.
Colore di sfondo
Imposta il colore di sfondo per abbinarlo al tema del tuo sito.
Larghezza massima logo del sito
Definisci la larghezza massima per il logo del sito per un branding coerente.
Dimensione/colore bordo inferiore
Personalizza la dimensione e il colore del bordo inferiore per un aspetto distintivo.
Impostazioni elemento di navigazione
Larghezza elemento, Larghezza minima/massima
Specifica le dimensioni di larghezza per ogni elemento di navigazione.
Colore di sfondo dell'elemento
Imposta colori di sfondo diversi per gli stati attivo e al passaggio del mouse.
Etichetta elemento
Ampie opzioni di personalizzazione per il testo dell'etichetta, inclusi colore, dimensione del carattere, famiglia, peso e ombra, con impostazioni separate per stati attivo e al passaggio del mouse.
Descrizione elemento
Personalizza il colore del testo, la dimensione del carattere, la famiglia, il peso e l'ombra per le descrizioni degli elementi.
Bordo elemento
Regola dimensione e colore del bordo con impostazioni aggiuntive per lo stato attivo.
Stile per sotto-elementi e menu
Colore di sfondo sotto-elemento (Selezionato)
Scegli un colore di sfondo per i sotto-elementi selezionati.
Spaziatura sotto-elemento (Blocco/Inlinea)
Regola la spaziatura attorno ai sotto-elementi.
Etichetta sotto-elemento
Opzioni per personalizzare il colore del testo, la dimensione del carattere, la famiglia, il peso e l'ombra, inclusi i settaggi per lo stato al passaggio del mouse.
Dimensioni menu
Imposta la dimensione del menu, con impostazioni di larghezza/altezza minima e massima.
Larghezza colonna del menu
Definisci la larghezza per le colonne nel menu.
Spaziatura menu (Blocco/Inlinea)
Regola la spaziatura all'interno del menu.
Bordo del menu
Personalizza colore, dimensione, stile e raggio del bordo del menu.
Icona menu
Imposta i colori per gli stati normale, attivo e al passaggio del mouse.
Etichetta gruppo/colonna del menu
Ampie opzioni di personalizzazione del testo per le etichette di gruppo e colonna.
Stile del menu a cassetto
Colore di sfondo del cassetto
Impostazioni diverse per l'elemento aperto e i colori di sfondo secondari.
Titolo principale/secondario del cassetto
Personalizza il colore del testo, la dimensione del carattere, la famiglia, il peso e l'ombra per i titoli principali e secondari.
Descrizione secondaria del cassetto
Opzioni per colore del testo, dimensione del carattere, famiglia, peso e ombra.
Stile del cassetto mobile
Titolo principale/secondario del cassetto mobile
Opzioni di personalizzazione simili al cassetto desktop, adattate per la visualizzazione mobile.
Descrizione secondaria del cassetto mobile
Regola colore del testo, dimensione del carattere, famiglia, peso e ombra per le descrizioni nel cassetto mobile.
Aspetto del menu
Il Variante del menu impostazione all'interno del componente Avonni Navigation per Salesforce Experience Cloud determina lo stile e il comportamento complessivi del menu.
Se la tua fonte dati è impostata su manuale e il tuo menu include sotto-elementi, puoi usare la funzione 'Variante del menu'.
Ecco le tipiche significazioni delle varianti di menu:
Base
Il base la variante rappresenta lo stile standard per un menu di navigazione. È semplice, con gli elementi del menu elencati tipicamente in una riga per un orientamento orizzontale o in una colonna per un orientamento verticale. Questa variante è pulita e minimalista, rendendola una buona scelta per la maggior parte dei siti in cui si desidera un aspetto classico.
Cassetto
Il cassetto La variante implica un menu che scorre dal lato, simile a un cassetto aperto. Questo stile è spesso utilizzato per menu verticali, specialmente nelle visualizzazioni mobili o quando lo spazio sullo schermo è limitato. Mantiene la navigazione ripiegata e accessibile tramite un'icona del menu (spesso un'icona "hamburger") fino al momento dell'utilizzo.
Colonne
Con la colonne variante, i menu a discesa vengono visualizzati in colonne, permettendo un layout strutturato e multilivello all'interno del menu a discesa stesso. Questo è particolarmente utile per organizzare navigazioni complesse con molti elementi o categorie, rendendo più semplice per gli utenti esplorare le opzioni.
Schede
Il schede la variante converte gli elementi di menu di livello superiore in una navigazione a schede. Questo stile è spesso usato quando diverse sezioni di un sito devono essere delimitate e accessibili direttamente dalla barra di navigazione. Fornisce un'interfaccia familiare agli utenti, simile alle schede in un raccoglitore o in un browser web.
Ognuna di queste varianti può aiutare a definire l'esperienza di navigazione del tuo sito, quindi è importante sceglierne una che sia in linea con i principi di design del tuo sito e migliori il percorso dell'utente.
Ultimo aggiornamento
È stato utile?