menu

Generates a static user controlled menu based a unique ID

Example

[%menu id:'header_menu'%]
    [%param *header%]
        Header Menu
    [%/param%]
    [%param *level_1%]
        <a href="[@url@]">[@name@]</a>
        [%if [@next_level@]%][@next_level@][%/if%]
    [%/param%]
    [%param *level_2%]
        <a href="[@url@]">[@name@]</a>
        [%if [@next_level@]%][@next_level@][%/if%]
    [%/param%]
    [%param *level_3%]
        <a href="[@url@]">[@name@]</a>
    [%/param%]
    [%param *footer%]
    [%/param%]
[%/menu%]

Usage

The menu tag relies on having a corresponding menu built in Maropost Commerce Cloud's CMS with a matching ID Read More. Within the CMS you control the order the links appear in, the URL, the names & the parent/child relationship, which is then controlled by the tags and formatting in your HTML. You can have as many of these menus as you'd like, as long as you have them both in your Maropost Commerce Cloud control panel and somewhere in your HTML code.

In the above example, the menu has three levels. The top level *level_1, the first submenu level, *level_2 and the second submenu level, *level_3.

By default, themes are designed with three menu levels, however, you can add more levels (i.e. *level_4, *level_5, etc).

To modify the menu content, go to Webstore > Menus in the control panel. For more information in creating or editing a menu, check out the article Add or Edit Website Menus.

Parameters

Name Options Description
id:'' String The ID of menu as defined in your Maropost Commerce Cloud control panel
*header HTML & b@se tags Renders a single usable space above the body
*level_1, *level_2, etc HTML & b@se tags Displays for each menu option
*footer HTML & b@se tags Renders a single usable space below the body

Data Tags (level_1, level_2, etc)

Name Menu Field Example Description
`[@count@]` – 0 Incrementing number for each option displayed starting at **0** for each level
`[@css_class@]` CSS Class featured Outputs the CSS class entered into the menu option settings
`[@hierarchy@]` – 001 Unique 3 digit number for this menu option starting at **001**. Submenu options include the number from the parent menu (e.g. 001005)
`[@menu_id@]` – 1 ID number of the whole menu
`[@name@]` Item Name Products Menu option name
`[@next_level@]` – TRUE if there is a sub-menu under this menu option
`[@url@]` Select URL for menu item /products?feature=y Menu option web address
`[@url_qs@]` Query String feature=y Query string appending to the page / product URL
`[@visible@]` Visible on Website y TRUE if there is a sub-menu under this menu option

Was this article useful?

Be notified when this page is updated. Optional.