Broodkruimelcomponent breadcrumb-component

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 usage

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.

De beschikbare opties, zoals het standaardnavigatieniveau en de capaciteit om de huidige pagina of verborgen pagina's te tonen, kunnen door de malplaatjeauteur in de ontwerpdialoogworden bepaald. De inhoudsredacteur kan dan kiezen als de verborgen pagina's al dan niet zouden moeten worden getoond en het daadwerkelijke navigatieniveau voor de component in uitgeeft dialoog.

Versie en compatibiliteit version-and-compatibility

De huidige versie van de Breadcrumb Component is v3, die in februari 2022 werd geïntroduceerd met versie 2.18.0 van de Core Components, en in dit document wordt beschreven.

In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.

Componentversie
AEM 6,4
AEM 6,5
AEM as a Cloud Service
v3
-
Compatibel
Compatibel
v2
Compatibel
Compatibel
Compatibel
v1
Compatibel
Compatibel
Compatibel

Voor meer informatie over de versies en versies van de Component van de Kern, zie de Versies van de Componenten van de Document Kern.

Uitvoer van voorbeeldcomponent sample-component-output

Om de Component van Breadcrumb te ervaren evenals voorbeelden van zijn configuratieopties evenals HTML en output te zien JSON, bezoek de Bibliotheek van de Component.

NOTE
Vanaf versie 2.1.0 van de Componenten van de Kern, steunt de Component Breadcrumb schema.org microdata.

Technische details technical-details

De recentste technische documentatie over de Component Breadcrumb kan op GitHubworden gevonden.

De verdere details over het ontwikkelen van de Componenten van de Kern kunnen in de de ontwikkelaarsdocumentatie van de Componenten van de Kern worden gevonden.

Dialoogvenster Bewerken edit-dialog

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.

Tabblad Eigenschappen properties-tab

de component Breadcrumb geeft dialoog uit

  • Niveau van het Begin van de Navigatie - waar in de hiërarchie de breadcrumb component zou moeten beginnen neer naar de huidige pagina te lopen. Bijvoorbeeld:

    • 0 begint bij /content
    • 1 begint bij /content/<yourSite>
    • 2 begint bij /content/<yourSite>/<country>
  • toon verborgen navigatiepunten - toon pagina's duidelijk zoals verborgen in breadcrumb (door gebrek zullen zij niet worden getoond)

  • Verberg huidige pagina - onderdruk de huidige pagina in breadcrumb (door gebrek zal het worden getoond)

  • maak schaduw onbruikbaar - als de pagina in de hiërarchie een omleiding is, zal de naam van de het omleiden pagina in plaats van het doel worden getoond. Zie de Steun van de Structuur van de Plaats van de Schaduwvan de Component van de Navigatie voor meer informatie.

  • identiteitskaart - Deze optie staat toe om het unieke herkenningsteken van de component in HTML en in de Laag van Gegevens te controleren.

    • 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.

Tabblad Stijlen styles-tab-edit

het lusje van Stijlen van uitgeeft dialoog van de Component van de Lijst van de Breadcrumb

De component Breadcrumb steunt het AEM Systeem van de Stijl..

Gebruik de vervolgkeuzelijst om de stijlen te selecteren die u op de component wilt toepassen. Selecties in het dialoogvenster Bewerken hebben hetzelfde effect als de selecties op de werkbalk van de component.

De stijlen moeten voor deze component in de ontwerpdialoogworden gevormd opdat het drop-down menu beschikbaar is.

Ontwerpdialoogvenster design-dialog

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 main-tab

  • het Niveau van het Begin van de Navigatie - bepaalt de standaardwaarde voor waar in de hiërarchie de breadcrumb component zou moeten beginnen neer naar de huidige pagina te lopen wanneer de breadcrumb component aan een pagina wordt toegevoegd.

  • toon verborgen navigatiepunten - bepaalt de standaardwaarde van toont verborgen navigatiepunten optie wanneer de broodkruimelcomponent aan een pagina wordt toegevoegd.

    • Hiermee wordt de optie voor de auteur niet in- of uitgeschakeld. Hiermee wordt alleen de standaardwaarde ingesteld.
  • Verberg huidige pagina - bepaalt de standaardwaarde van de Verberg huidige pagina optie wanneer de breadcrumb component aan een pagina wordt toegevoegd.

    • Hiermee wordt de optie voor de auteur niet in- of uitgeschakeld. Hiermee wordt alleen de standaardwaarde ingesteld.
  • maak het schaduwen onbruikbaar - bepaalt de standaardwaarde van schaduwen optie onbruikbaar wanneer de breadcrumb component aan een pagina wordt toegevoegd.

Tabblad Stijlen styles-tab

De component Breadcrumb steunt het AEM Systeem van de Stijl.

Gegevenslaag client-Adobe data-layer

De component Breadcrumb steunt de Gegevens van de Cliënt van de Adobe Laag.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c