AX - Navegación

Resumen

AX - Navegación es un componente de Experience Cloud que muestra una barra de navegación personalizable con enlaces y menús en las páginas de Experience Sites.

Úsalo para crear estructuras de navegación personalizadas más allá de la navegación estándar de Experience Cloud—como menús secundarios, navegación contextual o grupos de enlaces específicos para acciones. Configura los elementos del menú, el estilo, los desplegables y los destinos de los enlaces en Experience Builder sin código.

Perfecto para la navegación personalizada de páginas, menús contextuales, enlaces de acciones rápidas o cualquier lugar de tu portal que necesite navegación más allá del encabezado predeterminado del sitio.

Este componente aprovecha los espacios (slots) para la personalización avanzada, lo que lo hace ideal para sitios LWR. Los sitios Aura no admiten este nivel de personalización.

El componente Avonni Navigation está diseñado con mayor flexibilidad en mente. A diferencia de la navegación estándar de Salesforce, permite estructuras de menú más complejas. Puedes crear menús de varios niveles: piensa en ellos como capas o pasos. Por ejemplo, puedes tener elementos principales (Nivel 1), subelementos bajo estos (Nivel 2) e incluso sub-subelementos (Nivel 3). Este enfoque por capas facilita organizar y presentar una gran cantidad de información de forma estructurada y accesible.

Además, Avonni ofrece una gama más amplia de opciones de estilo. Esto te permite personalizar de cerca la apariencia de tu menú de navegación para que coincida con el estilo de tu marca. Tienes más que solo opciones de color primario y fuente. Avonni permite una personalización más profunda, que te permite crear una experiencia de navegación visualmente atractiva y que se sienta como una extensión natural de tu marca.

Propiedades

🎚️ Configuración general

Nombre	Descripción
Orientación	Elige entre "horizontal" para una barra de navegación superior tradicional o "vertical" para una navegación tipo barra lateral.
Mostrar logo del sitio	Activa para mostrar el logo del sitio dentro del componente de navegación.
Fijo en la parte superior	Habilita para mantener la barra de navegación en la parte superior de la ventana mientras los usuarios se desplazan hacia abajo en la página.
Habilitar menú móvil	Activa un menú optimizado para móviles para una mejor navegación en pantallas pequeñas.
Abrir menú al pasar el cursor	Configura los menús desplegables para que se abran cuando el usuario pase el cursor sobre un elemento del menú, en lugar de requerir un clic.
Con sombreado	Añade un sutil efecto de sombreado a la barra de navegación para darle profundidad visual.
Mostrar puntero del desplegable	Muestra un pequeño gráfico en forma de flecha que apunta al elemento del menú cuando su desplegable está abierto.
Mostrar indicador de elemento	Activa para mostrar indicadores visuales que señalen que hay más contenido disponible bajo un elemento del menú.

🗄️ Configuración de la fuente de datos

🎨 Estilizado

Apariencia del menú

El Variante del menú ajuste dentro del Componente Avonni Navigation para Salesforce Experience Cloud determina el estilo y comportamiento general del menú.

Si tu fuente de datos está configurada como manual y tu menú incluye subelementos, puedes usar la 'Variante del menú' característica.

Aquí están las significaciones típicas de las variantes de menú:

Base

El base la variante representa el estilo estándar para un menú de navegación. Es sencilla, con los elementos del menú listados típicamente en una fila para una orientación horizontal o en una columna para una orientación vertical. Esta variante es limpia y minimalista, por lo que es una buena elección para la mayoría de los sitios donde se desea un aspecto clásico.

Cajón

El cajón La variante implica un menú que se desliza desde el lateral, similar a un cajón abierto. Este estilo se usa a menudo para menús verticales, especialmente en vistas móviles o cuando el espacio de pantalla es valioso. Mantiene la navegación escondida y accesible mediante un icono de menú (a menudo un icono de "hamburguesa") hasta que se necesite.

Ejemplo de variante cajón

Columnas

Con la columnas variante, los menús desplegables se muestran en columnas, permitiendo un diseño estructurado y multinivel dentro del propio desplegable. Esto es especialmente útil para organizar una navegación compleja con muchos elementos o categorías, facilitando a los usuarios explorar las opciones.

Ejemplo de variante columna

Pestañas

El pestañas la variante convierte los elementos de menú de primer nivel en una navegación por pestañas. Este estilo se usa a menudo cuando diferentes secciones de un sitio necesitan estar demarcadas y ser accesibles directamente desde la barra de navegación. Proporciona una interfaz familiar para los usuarios, similar a las pestañas en una carpeta o en un navegador web.

Cada una de estas variantes puede ayudar a definir la experiencia de navegación de tu sitio, por lo que es importante elegir una que se alinee con los principios de diseño de tu sitio y mejore el recorrido del usuario.

Ejemplo de variante pestañas