Returns an HTML list with CSS classes for styling of all the parents of the page.

Usage

{{ page.breadcrumbs }}

Example

{{ page.breadcrumbs }}

<!-- The output of the above line will be similar to this -->
<ul class="breadcrumbs">
  <li class="some-more"><a href="/locations">Locations</a></li>
  <li class="some-more"><a href="/locations/canada">Canada</a></li>
  <li class="one-more"><a href="/locations/canada/british-columbia">British Columbia</a></li>
  <li class="last-one">Victoria</li>
</ul>
Back to top