C03. Global navigation menu
- Japneet Kaur (Deactivated)
Analytics
Release notes
Date | Update | Updated by |
|---|---|---|
13 Jan 2022 | Component finalised | @Japneet Kaur (Deactivated) @Steven Mao (Unlicensed) |
Overview
Objective
This component provides a way for users to navigate to different sections of the website.
On desktop, there is a hierarchical navigation menu, displaying hierarchical links to child pages of a selected parent root page (Level 1 label). On mobile, this is revealed by the hamburger icon on the header.
Use case
The main navigation is a global component across the entire website.
Business rules
BR-# | Business rule |
|---|---|
BR-1 | Ability to add/edit level 1 text and links |
BR-2 | Ability to add/edit level 2 text |
BR-3 | Ability to add/edit sub-section headings |
BR-4 | Ability to reorder level 1 text |
BR-5 | Ability to reorder level 2 text |
BR-6 | Ability to reorder sub-sections |
BR-7 | Ability to support internal links (other AEM pages) |
BR-8 | Ability to support external links |
BR-9 | Ability to support links with query parameters |
Design
Desktop | Mobile |
|---|---|
 
|
|
CMS Elements
# | Label | Type | Mandatory | Action |
|---|---|---|---|---|
1 | Utility links | Link | Y |
|
2 | Level 2 links | Link | N |
|
3 | Navigation bar | Box | Y |
|