Menu

What it does

Items and nesting follow site sections; the template defines desktop, dropdown, and mobile presentation.

Where it helps

Maintain navigation in one place as new pages are added.

Example from the demo template

This is a real placeholder from the FoXBuilder design. The system fills it with module output or current-page data; configurable instance labels are set in the admin panel.

<nav>[#site_navigation#]</nav>

Primary navigation, footer links, and nested secondary menus.

FoXBuilder renders its main navigation in the header from the page tree.

How to build it

1. Create a module instance and choose its HTML template.
2. Place [#site_navigation#] in the page template and bind the instance.
3. Fill in content in the required languages.
4. Open the demo page and check the result.

Template code

modules/menu/templates/foxbuilder/main.html

<!-- @begin -->
<ul class="foxbuilder-menu">
<!-- @item -->
<li data-page="%id%"><a href="%url%" title="%title%">%title%</a>%children%</li>
<!-- @end -->
</ul>

Page-template label

[#site_navigation#]