Menu
Description
- Type name:
menu- Optional widget
- Placement type: fixed
- Must be present 1 or more times
Widget to declare menus and configure their placement. Multi-level menus (up to 3 nesting level) are supported in some placements.
Properties
MenuType [required]
The location where the menu will be displayed.
Available values:
| Value | Location | Support multi-level menus | Demo |
|---|---|---|---|
| BurgerMenu | In the “Burger menu” sidebar, appears after tapping on the “burger menu” icon in the header | up to 3 nesting level |  |
| SectionMenu | Horizontal navigation bar in the header | - |  |
| FooterMenu | In the site footer | - |  |
BurgerMenuWidthPercent [optional, default: 100]
- Available only for the
BurgerMenuplacement. - Affects the “Burger menu” sidebar width.
- Recommended value: 50-100 (in percent).
BurgerMenuSide [optional, default: right]
- Available only for the
BurgerMenuplacement. - Affects the “Burger menu” icon and sidebar positions.
- Supported values:
left,right.
BurgerMenuShowSearchInput [optional, default: true]
- Available only for
BurgerMenuplacements. - Shows the site search bar above menu.
- Works only if a Search widget is also present in the JSON config.
MenuTitleText [optional, default: false]
Custom title text (without link), if set - will be showed above all menu items.
Items [required]
Array of menu items. Items object can be nested in itself.
Items.Id [required]
Id of the menu item:
- Should be unique.
- Should be a digit or text string without spaces.
Items.Title [required]
Title of menu item.
Items.Url [required]
Valid URL for the menu item link. Can be absolute or relative.
JSON example
[{
"Type": "menu",
"Id": "abcABC123",
"MenuType": "BurgerMenu",
"BurgerMenuWidthPercent": 100,
"BurgerMenuSide": "right",
"BurgerMenuShowSearchInput": true,
"MenuTitleText": "Catalog",
"Items": [
{
"Id": "1.0",
"Title": "Cars",
"Url": "https://yoursite.com/cars/",
"Items": [
{
"Id": "1.1",
"Title": "Parts",
"Url": "https://yoursite.com/cars/parts/",
"Items": [
{
"Id": "1.2",
"Title": "Electrics",
"Url": "https://yoursite.com/cars/parts/electrics/",
"Items": [
{
"Id": "1.3",
"Title": "Lamps",
"Url": "https://yoursite.com/cars/parts/electrics/lamps.html"
}
]
}
]
}
]
},
{
"Id": "2",
"Title": "Bikes",
"Url": "https://yoursite.com/bikes.html"
}
]
}]
Demo
BurgerMenu placement
SectionMenu placement
FooterMenu placement