navigation Tag

Allows you to indicate where in a layout to place the markup for a navigation menu.

Description

The navigation tag provides you with markup to define where a given navigation menu should be output within a layout or content template.

Refer to the guide on Navigation Menus for more details.

Parameters

Parameter Required Description
var_name Yes string The var_name of a given navigation menu object to include into the layout.
limit_depth No number Use this option to set a limit on the depth of children within the navigation tree.

Examples

Example layout with navigation
      <!DOCTYPE html>
      <html>
        <head><!-- ... --></head>
      
        <body>
          <header>
            {% navigation 'global' %}
          </header>
        </body>
      </html>
      
Example layout with navigation’s depth limited to 2 levels
      <!DOCTYPE html>
      <html>
        <head><!-- ... --></head>
      
        <body>
          <header>
            {% navigation 'global', limit_depth: 2 %}
          </header>
        </body>
      </html>