I have set up a Services page, and a collection that loops out the child pages within this section.

The route service: '/services/{slug}'

The url /services/child-template

All is working fine, so far…

The child template has a breadcrumb that should display 'Home/Services', but, because the Services page has a custom slug (for SEO reasons) it does not show in the breadcrumb – it's showing 'Home' only.

Any ideas how to make this play nicely?

<ul class="breadcrumb">
    {{ nav:breadcrumbs }}
    {{ if is_current }}
    {{ else }}
    <li class="breadcrumb__crumb"><a href="{{ url }}">{{ title }}</a></li>
    {{ endif }}
    {{ /nav:breadcrumbs }}
</ul>