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. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        startLevel:
        2
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  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. 

  6. 
        showHidden:
        false
    
    7. 

  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. 

  8. 
        hideCurrent:
        false
    
    9. 

  9. 
        sling:resourceType:
        core/wcm/components/breadcrumb/v2/breadcrumb
    
    10. 




    
        

    



    



    

    


    JSON

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. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        startLevel:
        3
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  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. 

  6. 
        showHidden:
        false
    
    7. 

  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. 

  8. 
        hideCurrent:
        false
    
    9. 

  9. 
        sling:resourceType:
        core/wcm/components/breadcrumb/v2/breadcrumb
    
    10. 




    
        

    



    



    

    


    JSON

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. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        startLevel:
        2
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  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. 

  6. 
        showHidden:
        true
    
    7. 

  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. 

  8. 
        hideCurrent:
        false
    
    9. 

  9. 
        sling:resourceType:
        core/wcm/components/breadcrumb/v2/breadcrumb
    
    10. 




    
        

    



    



    

    


    JSON

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. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        startLevel:
        2
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  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. 

  6. 
        showHidden:
        false
    
    7. 

  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. 

  8. 
        hideCurrent:
        true
    
    9. 

  9. 
        sling:resourceType:
        core/wcm/components/breadcrumb/v2/breadcrumb
    
    10. 




    
        

    



    



    

    


    JSON

Built with Core Components 2.8.0.