bs_base-8.x-1.x-dev/templates/navigation/breadcrumb.html.twig

{#
/**
 * @file
 * Theme override for a breadcrumb trail.
 *
 * Available variables:
 * - breadcrumb: Breadcrumb trail items.
 */
#}
{% set item_class = 'breadcrumb-item' %}
{% block breadcrumb %}
  {%- if breadcrumb -%}
    <nav aria-label="{{ 'Breadcrumb'|t }}">
      <ol class="breadcrumb">
        {% for item in breadcrumb -%}
          {% if item.url -%}
            <li class="{{ item_class }}">
              <a href="{{ item.url }}">{{ item.text }}</a>
            </li>
          {%- else -%}
            <li class="{{ item_class }} active" aria-current="page">
              {{ item.text }}
            </li>
          {% endif -%}
        {%- endfor -%}
      </ol>
    </nav>
    {# Add structured data.
     @see https://developers.google.com/search/docs/data-types/breadcrumb #}
    <script type="application/ld+json">
      {
        "@context": "http://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
      {% for crumb in breadcrumb -%}
        {
          "@type": "ListItem",
          "position": {{ loop.index }},
          "name": "{{ crumb.text|render|striptags|escape('js') }}",
          "item": "{{ base_url }}{{ not loop.last ? crumb.url : current_url }}"
        }{{ not loop.last ? ',' }}
      {%- endfor %}]
    }
    </script>
  {%- endif -%}
{% endblock %}