El componente de ruta de navegación del componente principal es un componente de navegación que crea una ruta de navegación de vínculos en función de la ubicación de la página en la jerarquía de contenido.
El componente de ruta de navegación muestra la posición de la página actual dentro de la jerarquía del sitio, lo que permite a los visitantes de página navegar por la jerarquía de páginas desde su ubicación actual. Esto suele integrarse en encabezados o pies de página.
Las opciones disponibles, como el nivel de navegación predeterminado y la capacidad de mostrar la página actual o las páginas ocultas, pueden ser definidas por el autor de la plantilla en el cuadro de diálogo de diseño. A continuación, el editor de contenido puede elegir si se deben mostrar o no las páginas ocultas y el nivel de navegación real del componente en el cuadro de diálogo de edición.
Este documento describe la versión 1 del componente de ruta de navegación, que se introdujo originalmente con la versión 1.0.0 de los componentes principales con AEM 6.3.
La siguiente tabla lista la compatibilidad de v1 del componente de ruta de navegación.
Versión de AEM | Componente de ruta de navegación v1 |
---|---|
6.3 | Compatible |
6.4 | Compatible |
Este documento describe la versión 1 del componente de ruta de navegación.
Para obtener más información sobre la versión actual del componente de ruta de navegación, consulte el documento Componente de ruta de navegación.
El siguiente es un ejemplo tomado de We.Retail.
<div class="cmp cmp-breadcrumb aem-GridColumn aem-GridColumn--default--12">
<ol class="breadcrumb">
<li class="breadcrumb-item ">
<a href="/content/we-retail/us.html">
United States
</a>
</li>
<li class="breadcrumb-item ">
<a href="/content/we-retail/us/en.html">
English
</a>
</li>
<li class="breadcrumb-item active">
Experience
</li>
</ol>
</div>
"breadcrumb": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/content/breadcrumb"
}
La exportación de JSON desde los componentes principales requiere la versión 1.1.0 de los componentes principales. Consulte la información de compatibilidad para los componentes principales v1 para obtener más información.
El cuadro de diálogo de edición permite al autor del contenido suprimir las páginas ocultas y activas en las rutas de exploración, así como la profundidad en la jerarquía que debe mostrar.
Navegación de nivel a inicio : en la jerarquía, el componente de ruta de exploración debe tener el inicio de bajar a la página actual. Por ejemplo en We.Retail:
/content/we-retail
/content/we-retail/<country>
Mostrar ocultos : mostrar páginas marcadas como ocultas en la ruta de exploración (de forma predeterminada, no se mostrarán)
Ocultar actual: suprimir la página actual en la ruta de exploración (de forma predeterminada se mostrará)
El cuadro de diálogo de diseño permite al autor de la plantilla definir los valores predeterminados para las opciones de supresión de las páginas ocultas y activas en las rutas de exploración, así como la profundidad en la jerarquía que debe mostrar.
Navigation-Level to inicio - Define el valor predeterminado para dónde en la jerarquía el componente de ruta de exploración debe tener inicios para ir a la página actual cuando se agrega el componente de ruta de exploración a una página.
Mostrar oculto : define el valor predeterminado de la opción Mostrar oculto cuando se agrega el componente de ruta de exploración a una página.
Ocultar actual : define el valor predeterminado de la opción Ocultar corriente cuando se agrega el componente de ruta de exploración a una página.
La documentación técnica más reciente sobre el componente de ruta de navegación se encuentra en GitHub.
Todo el proyecto de componentes principales se puede descargar desde GitHub.
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.