Adding breadcrumbs to Pages

The <ev:breadcrumbs /> tag automates the rendering of all breadcrumbs on pages throughout Evance. However, you may choose to construct your own custom breadcrumb trail on your page templates.

Automated breadcrumbs

You can automate the rendering of breadcrumbs on your page using the <ev:breadcrumbs /> tag.

<ev:breadcrumbs />

Building your own breadcrumbs

You may choose to render your own custom breadcrumbs. You may do this by accessing the Page's ancestors.

<ul>
<?ev for (var parentPage of page.parents().reverse()) { ?>
    <li>
        <a href="{{ parentPage.url }}">
            {{ parentPage.title }}
        </a>
    </li>
<?ev } ?>
</ul>

Further reading