Breadcrumb-component (v2)

De component van de Breadcrumb van de Component van de Kern is een navigatiecomponent die een broodkruimel van verbindingen bouwt die op de plaats van de pagina in de inhoudshiërarchie wordt gebaseerd.

Gebruik

De component Breadcrumb geeft de positie van de huidige pagina binnen de sitehiërarchie weer, zodat bezoekers van de pagina vanuit hun huidige locatie kunnen navigeren in de paginahiërarchie. Deze functie is vaak geïntegreerd in kop- en voetteksten van pagina's.

Beschikbare opties, zoals het standaardnavigatieniveau en de mogelijkheid om de huidige pagina of verborgen pagina's weer te geven, kunnen door de sjabloonauteur in het dialoogvenster ontwerpdialoogvenster. De inhoudeditor kan dan kiezen of verborgen pagina's wel of niet moeten worden weergegeven en het daadwerkelijke navigatieniveau voor de component in het dialoogvenster dialoogvenster bewerken.

Versie en compatibiliteit

In dit document wordt versie 2 van de Breadcrumb Component beschreven, die in januari 2018 is geïntroduceerd met release 2.0.0 van de Core Components.

Uitvoer van voorbeeldcomponent

Als u de component Breadcrumb wilt ervaren en voorbeelden wilt zien van de configuratieopties en van de HTML- en JSON-uitvoer, gaat u naar de Componentbibliotheek.

Technische details

De meest recente technische documentatie over de Breadcrumb-component kan op GitHub worden gevonden.

Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.

Dialoogvenster Bewerken

In het dialoogvenster Bewerken kan de auteur van de inhoud verborgen en actieve pagina's in de broodkruimels onderdrukken, evenals de diepte in de hiërarchie die moet worden weergegeven.

• Beginniveau navigatie - Waar in de hiërarchie de breadcrumb-component naar beneden moet lopen naar de huidige pagina. Bijvoorbeeld:

  • 0 begint bij /content
  • 1 begint bij /content/<yourSite>
  • 2 begint bij /content/<yourSite>/<country>

• Verborgen navigatie-items tonen - Pagina's tonen die zijn gemarkeerd als verborgen in de broodkruimel (deze worden standaard niet weergegeven)

• Huidige pagina verbergen - Onderdruk de huidige pagina in de broodkruimel (door gebrek zal het worden getoond)

• Schaduwen uitschakelen - Als de pagina in de hiërarchie een omleiding is, wordt de naam van de omleidingspagina weergegeven in plaats van het doel. Zie de Ondersteuning voor schaduwsitestructuur van de navigatiecomponent voor meer informatie.

• ID - Met deze optie kunt u de unieke id van de component in de HTML en in de Gegevenslaag.

  • Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende pagina te inspecteren.
  • Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
  • Het wijzigen van de id kan gevolgen hebben voor het bijhouden van CSS-, JS- en gegevenslagen.

Ontwerpdialoogvenster

In het ontwerpdialoogvenster kan de sjabloonauteur definiëren wat de standaardwaarden zijn voor de opties voor het onderdrukken van verborgen en actieve pagina's in de broodkruimels en de diepte in de hiërarchie die moet worden weergegeven.

Hoofdtabblad

• Beginniveau navigatie - Definieert de standaardwaarde voor de plaats in de hiërarchie waar de component breadcrumb omlaag moet gaan naar de huidige pagina wanneer de component breadcrumb aan een pagina wordt toegevoegd.

• Verborgen navigatie-items tonen - Definieert de standaardwaarde van de Verborgen navigatie-items tonen als de component breadcrumb aan een pagina wordt toegevoegd.

  • Hiermee wordt de optie voor de auteur niet in- of uitgeschakeld. Hiermee wordt alleen de standaardwaarde ingesteld.

• Huidige pagina verbergen- Definieert de standaardwaarde van de Huidige pagina verbergen als de component breadcrumb aan een pagina wordt toegevoegd.

  • Hiermee wordt de optie voor de auteur niet in- of uitgeschakeld. Hiermee wordt alleen de standaardwaarde ingesteld.

• Schaduwen uitschakelen - Definieert de standaardwaarde van de Schaduwen uitschakelen als de component breadcrumb aan een pagina wordt toegevoegd.

Tabblad Stijlen

De component Breadcrumb ondersteunt de AEM Stijlsysteem.

Gegevenslaag Adobe-client

De component Breadcrumb ondersteunt de Adobe Client Data Layer.