Componente Ruta de exploración (versión 1) breadcrumb-component-v
El componente principal Ruta de exploración es un componente de navegación que crea una ruta de exploración de vínculos en función de la ubicación de la página en la jerarquía de contenido.
Uso usage
El componente Ruta de exploración muestra la posición de la página actual dentro de la jerarquía del sitio, lo que permite a los visitantes 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, puede definirlas 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 páginas ocultas y el nivel de navegación real del componente en el cuadro de diálogo de edición.
Versión y compatibilidad version-and-compatibility
Este documento describe la versión 1 del componente Ruta de exploración, introducido originalmente con la versión 1.0.0 de los componentes principales con AEM 6.3.
La siguiente tabla enumera la compatibilidad de la versión 1 del componente Ruta de exploración.
Para obtener más información sobre la versión actual del componente Ruta de exploración, consulte el documento Componente Ruta de exploración.
Salida del componente de ejemplo sample-component-output
El siguiente es un ejemplo tomado de We.Retail.
Captura de pantalla screenshot
HTML html
<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>
JSON json
"breadcrumb": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/content/breadcrumb"
}
Cuadro de diálogo de edición edit-dialog
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: nivel inicial: en qué punto de la jerarquía debe comenzar a avanzar el componente Ruta de exploración hasta la página actual. Por ejemplo, en We.Retail:
- 1 empieza en
/content/we-retail - 2 empieza en
/content/we-retail/<country>
- 1 empieza en
-
Mostrar ocultos: muestra las páginas marcadas como ocultas en la ruta de exploración (de forma predeterminada, no se mostrarán)
-
Ocultar actual: elimine la página actual en la ruta de exploración (de forma predeterminada se mostrará)
Cuadro de diálogo de diseño design-dialog
El cuadro de diálogo de diseño permite al autor de la plantilla definir cuáles son los valores predeterminados para que las opciones supriman las páginas ocultas y activas en las rutas de exploración, así como la profundidad en la jerarquía que debería mostrar.
-
Navegación: nivel inicial: define el valor predeterminado para el lugar en la jerarquía en el que el componente Ruta de exploración debe comenzar a avanzar hasta la página actual cuando se agrega el componente Ruta de exploración a una página.
-
Mostrar ocultos: define el valor predeterminado de la opción Mostrar ocultas cuando se agrega el componente de la ruta de exploración a una página.
- No activa ni desactiva la opción para el autor. Solo establece el valor predeterminado.
-
Ocultar actual: define el valor predeterminado de la opción Ocultar actual cuando se agrega el componente Ruta de exploración a una página.
- No activa ni desactiva la opción para el autor. Solo establece el valor predeterminado.
Detalles técnicos technical-details
La documentación técnica más reciente sobre el componente Ruta de exploración se encuentra en GitHub.
Todo el proyecto de componentes principales se puede descargar desde GitHub.
Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.