breadcrumbs.html

{% capture url %}{% if page.language%}{{ page.url | remove: "/" | remove: page.language }}{% else %}{{ page.url | remove: "/" }}{% endif %}{% endcapture %}
{% if url.size > 0 %}
  <nav class="breadcrumbs">

    <a class="breadcrumb-item" href="{% if page.guide_version == site.version or page.guide_version == nil %}{{ site.baseurl }}{% else %}{{ page.baseurl }}{% endif %}"><span>Home</span></a>

    <ol class="breadcrumb list-unstyled" vocab="http://schema.org/" typeof="BreadcrumbList">

    <!-- Iteration breadcrumb item -->
    {% assign position = 0 %}
    {% assign breadcrumbs = page.breadcrumbs %}

    {% for crumb in breadcrumbs %}

      <!-- Skip if root -->
      {% if crumb.url == "/" %}
        {% continue %}
      {% endif %}

      <!-- Get breadcrumb title -->
      {% assign caption = crumb.title %}

      <!-- SEO data -->
      {% assign position = position  | plus: 1 %}

      <li class="breadcrumb-item{% if crumb.url == page.url %} active{% endif %}" property="itemListElement" typeof="ListItem">

        {% if crumb.url != page.url %}
          <a property="item" typeof="WebPage" href="{{ crumb.url | prepend: page.baseurl }}">
            <span property="name">{{ caption }}</span>
          </a>
        {% else %}

          {% if page.layout == 'tutorial' and first_step.url != page.url %}
            <a href="{{ first_step.url }}">{{ first_step.title }}</a>
          {% endif %}

          <span property="name">{{ caption }}</span>

        {% endif %}

        <meta property="position" content="{{ position }}" />
      </li>

    {% endfor %}

    {% include video/breadcrumbs.html %}

    </ol>

  </nav>
{% endif %}