Breadcrumbv2

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.

Using Core Components

Adobe Help Center

Examples

Standard

Simple breadcrumb with no configuration applied. Shows the current page in relation to the page hierarchy.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. startLevel: 2
  4. jcr:lastModifiedBy: admin
  5. 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]
  6. showHidden: false
  7. 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]
  8. hideCurrent: false
  9. sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb

Navigation Start Level

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.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. startLevel: 3
  4. jcr:lastModifiedBy: admin
  5. 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]
  6. showHidden: false
  7. 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]
  8. hideCurrent: false
  9. sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb

Show Hidden Navigation Items

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.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. startLevel: 2
  4. jcr:lastModifiedBy: admin
  5. 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]
  6. showHidden: true
  7. 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]
  8. hideCurrent: false
  9. sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb

Hide Current Page

By default, the current page is shown in the navigation. It is possible to configure a breadcrumb so that it is hidden.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. startLevel: 2
  4. jcr:lastModifiedBy: admin
  5. 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]
  6. showHidden: false
  7. 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]
  8. hideCurrent: true
  9. sling:resourceType: core/wcm/components/breadcrumb/v2/breadcrumb