Componente de ruta de navegación (v1)

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.

Uso

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.

Versión y compatibilidad

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
ATENCIÓN

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.

Salida de componente de muestra

El siguiente es un ejemplo tomado de We.Retail.

Captura de pantalla

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

"breadcrumb": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              ":type": "weretail/components/content/breadcrumb"
            }
NOTA

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.

Editar cuadro de diálogo

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:

    • 1 inicios a /content/we-retail
    • 2 inicios a /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á)

Diálogo de diseño

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.

    • 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 corriente cuando se agrega el componente de 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

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.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free