Nav:Breadcrumbs Tag

Breadcrumbs are a common form of site navigation designed to give the user context with hierarchy in mind. Much like the crumbs left by a certain little German boy — they lead from wherever you are, all the way back home.

Example

Here’s an example of what breadcrumbs might look like, as well as a code example in use.

Home
Blog
How to Dress Like David Hasselhoff
These crumbs are delicious.
<ul class="breadcrumbs">
    {{ nav:breadcrumbs }}
    <li{{ if is_current }} class="current"{{ /if }}>
        <a href="{{ url }}">{{ title }}</a>
    </li>
    {{ /nav:breadcrumbs }}
</ul>

Parameters

url string

Defaults to your current page.

include_home boolean

Remove the home page and begin from the first level nav item. Default: true.

reverse boolean

Reverse the order of links.

trim boolean *true*

Trim the whitespace from each iteration of the loop. Default: true.

Variables

Variable Type Description

is_current

boolean

true if current page is the URL being viewed. Useful for adding active state classes in your HTML.

data/content

mixed

All data and variables are available for each item in the list.

Betterify this page on Github!