Renders a navigation menu (header, footer, sidebar) with support for nested dropdown items. Menus themselves are managed under Content → Menus.

Usage

<div data-v-component-menu data-v-slug="main">
  <ul data-v-menu-items>
    <li data-v-menu-item>
      <a href="" data-v-menu-item-url><span data-v-menu-item-name></span></a>
    </li>
  </ul>
</div>

Settings

  • data-v-menu_id - render the menu with this id
  • data-v-slug - render the menu with this slug (handy for multi-site setups)
  • data-v-start - starting offset, default 0
  • data-v-limit - max items, default 10000
  • data-v-site_id / data-v-language_id - site and language, default to current

Item fields

Each item renders inside data-v-menu-item with data-v-menu-item-name, data-v-menu-item-url, data-v-menu-item-img and child items nested the same way for dropdowns.