The Menus screen lists all navigation menus for the storefront. Each menu groups client pages into a named navigation structure. Open Menus in the sidebar to reach the list. Select Edit on a row to open the menu record. The menu record has two tabs: Details and Groups.
Fields and controls
Menus list
Control | What it does |
Name | Shows the internal system name of the menu. |
Translation | Shows the translation key used to render the menu label in the storefront. |
Select all | Checkbox in the table header row. Each row also has a Select this row checkbox. |
Add Menu | Opens the Create Menu form. |
Edit | Opens the record of the menu in that row. |
Delete | Deletes the selected menus. Select one or more rows, then select Delete. |
Sync | Pushes the current build to the storefront. |
Rows per page | Controls how many rows appear per page. |
Menu record: Details tab and create form
The Details tab holds the menu's identifying fields. The Create Menu form and the Details tab have the same two fields.
Field | What it holds |
Name | Holds the system identifier for the menu. The field is marked required. Helper text says the name is a system property and should use CamelCase, such as 'fooBar'. Set the name at creation and treat it as a system property. |
Translation | Holds the translation key that determines the menu's displayed label. Choose the key from the dropdown. |
Save | Disabled until a field value changes. |
Delete | Removes the menu. |
Menu record: Groups tab
The Groups tab lists the menu groups attached to this menu.
Control | What it does |
ADD MENU GROUP | Opens the add-menu-group form. |
Reorder | Reorders the menu groups. The control is disabled when the tab opens, whether or not the menu has groups. |
Groups table | Lists each group in NAME and TRANSLATION columns, with a checkbox and an edit button on every row. |
Empty state | When the menu has no groups, the tab shows the message No Menu groups found. |
Add menu group form
Field | What it holds |
Name | Holds the system identifier for the menu group, for system use only. The field is not marked required. |
Translation | Holds the translation key for the group label. The field is marked required. Choose the key from the dropdown. |
Save | Disabled until a field value changes. |
Notes
The Translation dropdown on the menu record and on the add-menu-group form lists the translation keys configured for the tenant. Those keys are defined and translated in the Localization tool.
Name is a system property on both the menu and the menu group. Use camelCase, for example
fooBar.Sync appears on the menus list, on the Create Menu form and on the menu record.
Related