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 
    var parentPages = page.parents().reverse();
    for (var parentPage of parentPages) { 
?>
    <li>
        <a href="{{ parentPage.url }}">
            {{ parentPage.title }}
        </a>
    </li>
<?ev } ?>
</ul>

Further reading

COVID-19 NOTICE – Business as Usual
Evance continues to provide all services and support throughout this difficult period. See our full statement here .