Taxonomy Navigation Demo

You are here: About us


Code Output

Basic tree output

{exp:taxonomy:nav tree_id="2"}
  <a href="{node_url}">{node_title}</a>
{/exp:taxonomy:nav}

Basic tree output, hiding the root and passing the entry_id.
Note the additional css classes applied by passing the entry_id.

{exp:taxonomy:nav 
  tree_id="2"
  display_root="no"
  entry_id="{entry_id}"
}
<a href="{node_url}">{node_title}</a>
{/exp:taxonomy:nav}

Auto expanding the nav based on active branch.

{exp:taxonomy:nav 
  tree_id="2"
  display_root="no"
  auto_expand="yes"
  entry_id="{entry_id}"
}
<a href="{node_url}">{node_title}</a>
{/exp:taxonomy:nav}

Auto expanding the nav based on active branch.
Displaying the nav only on active level 1
which have children as we're hiding the root node.
Auto expanding based on active branch.

{exp:taxonomy:nav 
  tree_id="2"
  display_root="no"
  active_branch_start_level="1"
  auto_expand="yes"
  entry_id="{entry_id}"
}
<a href="{node_url}">{node_title}</a>
{/exp:taxonomy:nav}

As above, but displaying the root

{exp:taxonomy:nav 
  tree_id="2"
  active_branch_start_level="1"
  auto_expand="yes"
  entry_id="{entry_id}"
}
<a href="{node_url}">{node_title}</a>
{/exp:taxonomy:nav}

Restricting depth to 1 level, assigning a css id to the UL.

{exp:taxonomy:nav 
  tree_id="2"
  display_root="no"
  entry_id="{entry_id}"
  depth="1"
  ul_css_id="foo"
}
<a href="{node_url}">{node_title}</a>
{/exp:taxonomy:nav}

← Back to Documentation

← Back to Devot:ee

Page rendered in 19 Queries (including wrapper channel:entries tag, no caching is being used here)