Breadcrumb allows navigation of the page hierarchy relative to the current page. It is commonly added to a page template, in the header or footer.
Simple breadcrumb with no configuration applied. Shows the current page in relation to the page hierarchy.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- startLevel: 2
- jcr:lastModifiedBy: admin
- jcr:created: java.util.GregorianCalendar[time=1551877861819,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+01:00",offset=3600000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=2,WEEK_OF_YEAR=10,WEEK_OF_MONTH=2,DAY_OF_MONTH=6,DAY_OF_YEAR=65,DAY_OF_WEEK=4,DAY_OF_WEEK_IN_MONTH=1,AM_PM=1,HOUR=2,HOUR_OF_DAY=14,MINUTE=11,SECOND=1,MILLISECOND=819,ZONE_OFFSET=3600000,DST_OFFSET=0]
- showHidden: false
- jcr:lastModified: java.util.GregorianCalendar[time=1558423289728,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+03:00",offset=10800000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=4,WEEK_OF_YEAR=21,WEEK_OF_MONTH=4,DAY_OF_MONTH=21,DAY_OF_YEAR=141,DAY_OF_WEEK=3,DAY_OF_WEEK_IN_MONTH=3,AM_PM=0,HOUR=10,HOUR_OF_DAY=10,MINUTE=21,SECOND=29,MILLISECOND=728,ZONE_OFFSET=10800000,DST_OFFSET=0]
- hideCurrent: false
- sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb
The Navigation Start Level is set to two by default, which is typically the site root. In this example, we increase it to three to display a breadcrumb for a section one level lower.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- startLevel: 3
- jcr:lastModifiedBy: admin
- jcr:created: java.util.GregorianCalendar[time=1551877861819,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+01:00",offset=3600000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=2,WEEK_OF_YEAR=10,WEEK_OF_MONTH=2,DAY_OF_MONTH=6,DAY_OF_YEAR=65,DAY_OF_WEEK=4,DAY_OF_WEEK_IN_MONTH=1,AM_PM=1,HOUR=2,HOUR_OF_DAY=14,MINUTE=11,SECOND=1,MILLISECOND=819,ZONE_OFFSET=3600000,DST_OFFSET=0]
- showHidden: false
- jcr:lastModified: java.util.GregorianCalendar[time=1558423296131,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+03:00",offset=10800000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=4,WEEK_OF_YEAR=21,WEEK_OF_MONTH=4,DAY_OF_MONTH=21,DAY_OF_YEAR=141,DAY_OF_WEEK=3,DAY_OF_WEEK_IN_MONTH=3,AM_PM=0,HOUR=10,HOUR_OF_DAY=10,MINUTE=21,SECOND=36,MILLISECOND=131,ZONE_OFFSET=10800000,DST_OFFSET=0]
- hideCurrent: false
- sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb
By default, pages that are marked as Hide in Navigation are not displayed in the breadcrumb. It is possible to configure a breadcrumb so that they are shown.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- startLevel: 2
- jcr:lastModifiedBy: admin
- jcr:created: java.util.GregorianCalendar[time=1551877861819,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+01:00",offset=3600000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=2,WEEK_OF_YEAR=10,WEEK_OF_MONTH=2,DAY_OF_MONTH=6,DAY_OF_YEAR=65,DAY_OF_WEEK=4,DAY_OF_WEEK_IN_MONTH=1,AM_PM=1,HOUR=2,HOUR_OF_DAY=14,MINUTE=11,SECOND=1,MILLISECOND=819,ZONE_OFFSET=3600000,DST_OFFSET=0]
- showHidden: true
- jcr:lastModified: java.util.GregorianCalendar[time=1558423339080,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+03:00",offset=10800000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=4,WEEK_OF_YEAR=21,WEEK_OF_MONTH=4,DAY_OF_MONTH=21,DAY_OF_YEAR=141,DAY_OF_WEEK=3,DAY_OF_WEEK_IN_MONTH=3,AM_PM=0,HOUR=10,HOUR_OF_DAY=10,MINUTE=22,SECOND=19,MILLISECOND=80,ZONE_OFFSET=10800000,DST_OFFSET=0]
- hideCurrent: false
- sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb
By default, the current page is shown in the navigation. It is possible to configure a breadcrumb so that it is hidden.
- jcr:primaryType: nt:unstructured
- jcr:createdBy: admin
- startLevel: 2
- jcr:lastModifiedBy: admin
- jcr:created: java.util.GregorianCalendar[time=1551877861819,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+01:00",offset=3600000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=2,WEEK_OF_YEAR=10,WEEK_OF_MONTH=2,DAY_OF_MONTH=6,DAY_OF_YEAR=65,DAY_OF_WEEK=4,DAY_OF_WEEK_IN_MONTH=1,AM_PM=1,HOUR=2,HOUR_OF_DAY=14,MINUTE=11,SECOND=1,MILLISECOND=819,ZONE_OFFSET=3600000,DST_OFFSET=0]
- showHidden: false
- jcr:lastModified: java.util.GregorianCalendar[time=1558440854179,areFieldsSet=true,areAllFieldsSet=true,lenient=false,zone=sun.util.calendar.ZoneInfo[id="GMT+03:00",offset=10800000,dstSavings=0,useDaylight=false,transitions=0,lastRule=null],firstDayOfWeek=1,minimalDaysInFirstWeek=1,ERA=1,YEAR=2019,MONTH=4,WEEK_OF_YEAR=21,WEEK_OF_MONTH=4,DAY_OF_MONTH=21,DAY_OF_YEAR=141,DAY_OF_WEEK=3,DAY_OF_WEEK_IN_MONTH=3,AM_PM=1,HOUR=3,HOUR_OF_DAY=15,MINUTE=14,SECOND=14,MILLISECOND=179,ZONE_OFFSET=10800000,DST_OFFSET=0]
- hideCurrent: true
- sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb