Navigationv1

Navigation allows an author to build a site navigation. Navigation structures can be built from live copies of a blueprint, language copies of a language master or from a simple page tree.

Using Core Components

Adobe Help Center

Examples

Standard

Simple navigation with no configuration applied. Shows a navigation structure built from a page tree. The navigation root is excluded by default.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. jcr:lastModifiedBy: admin
  4. 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]
  5. navigationRoot: /content/core-components-examples
  6. showHidden: true
  7. jcr:lastModified: java.util.GregorianCalendar[time=1573482621684,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=10,WEEK_OF_YEAR=46,WEEK_OF_MONTH=3,DAY_OF_MONTH=11,DAY_OF_YEAR=315,DAY_OF_WEEK=2,DAY_OF_WEEK_IN_MONTH=2,AM_PM=1,HOUR=3,HOUR_OF_DAY=15,MINUTE=30,SECOND=21,MILLISECOND=684,ZONE_OFFSET=3600000,DST_OFFSET=0]
  8. hideCurrent: false
  9. sling:resourceType: core/wcm/components/navigation/v1/navigation
  10. collectAllPages: true
  11. structureStart: 1

Show Navigation Root

By default, the navigation root is excluded in the navigation structure. In this example we display it.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. jcr:lastModifiedBy: admin
  4. 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]
  5. navigationRoot: /content/core-components-examples
  6. showHidden: true
  7. jcr:lastModified: java.util.GregorianCalendar[time=1573482678756,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=10,WEEK_OF_YEAR=46,WEEK_OF_MONTH=3,DAY_OF_MONTH=11,DAY_OF_YEAR=315,DAY_OF_WEEK=2,DAY_OF_WEEK_IN_MONTH=2,AM_PM=1,HOUR=3,HOUR_OF_DAY=15,MINUTE=31,SECOND=18,MILLISECOND=756,ZONE_OFFSET=3600000,DST_OFFSET=0]
  8. hideCurrent: false
  9. sling:resourceType: core/wcm/components/navigation/v1/navigation
  10. collectAllPages: true
  11. structureStart: 0

Skip Multiple Levels

Multiple root levels can be skipped. In this example we are skipping two, showing sibling pages.

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. jcr:lastModifiedBy: admin
  4. jcr:created: java.util.GregorianCalendar[time=1573482870422,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=10,WEEK_OF_YEAR=46,WEEK_OF_MONTH=3,DAY_OF_MONTH=11,DAY_OF_YEAR=315,DAY_OF_WEEK=2,DAY_OF_WEEK_IN_MONTH=2,AM_PM=1,HOUR=3,HOUR_OF_DAY=15,MINUTE=34,SECOND=30,MILLISECOND=422,ZONE_OFFSET=3600000,DST_OFFSET=0]
  5. navigationRoot: /content/core-components-examples
  6. jcr:lastModified: java.util.GregorianCalendar[time=1573482902543,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=10,WEEK_OF_YEAR=46,WEEK_OF_MONTH=3,DAY_OF_MONTH=11,DAY_OF_YEAR=315,DAY_OF_WEEK=2,DAY_OF_WEEK_IN_MONTH=2,AM_PM=1,HOUR=3,HOUR_OF_DAY=15,MINUTE=35,SECOND=2,MILLISECOND=543,ZONE_OFFSET=3600000,DST_OFFSET=0]
  7. sling:resourceType: core/wcm/components/navigation/v1/navigation
  8. collectAllPages: true
  9. structureStart: 2

Navigation Structure Depth

By default, the navigation is built from all child pages. In this example, we again display the navigation root and reduce the structure depth to one. As a result, only one level from the navigation root is shown. 

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. jcr:lastModifiedBy: admin
  4. 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]
  5. navigationRoot: /content/core-components-examples
  6. showHidden: true
  7. jcr:lastModified: java.util.GregorianCalendar[time=1573482708003,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=10,WEEK_OF_YEAR=46,WEEK_OF_MONTH=3,DAY_OF_MONTH=11,DAY_OF_YEAR=315,DAY_OF_WEEK=2,DAY_OF_WEEK_IN_MONTH=2,AM_PM=1,HOUR=3,HOUR_OF_DAY=15,MINUTE=31,SECOND=48,MILLISECOND=3,ZONE_OFFSET=3600000,DST_OFFSET=0]
  8. hideCurrent: false
  9. sling:resourceType: core/wcm/components/navigation/v1/navigation
  10. collectAllPages: false
  11. structureDepth: 1
  12. structureStart: 0