{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
{% block layout_breadcrumb_inner %}
<nav aria-label="breadcrumb">
{% block layout_breadcrumb_list %}
<ol class="breadcrumb"
itemscope
itemtype="https://schema.org/BreadcrumbList">
{% for breadcrumb in breadcrumbList %}
{% set name = breadcrumb.translated.name %}
{% set link = breadcrumb.link %}
{% block layout_breadcrumb_list_item %}
<li class="breadcrumb-container"
{% if loop.last %}aria-current="page"{% endif %}
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
{% if link %}
<a href="{{ link }}"
class="{% if loop.last %} is-active{% endif %}"
title="{{ name }}"
itemprop="item">
<link itemprop="url" href="{{ link }}"/>
<span itemprop="name">{{ name }}</span>
</a>
{% else %}
<span class="{% if loop.last %} is-active{% endif %}" itemprop="item">
<span itemprop="name">{{ breadcrumb.name }}</span>
</span>
{% endif %}
<meta itemprop="position" content="{{ loop.index }}"/>
{% if loop.last == false %}
<div class="breadcrumb-placeholder">
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
</div>
{% endif %}
</li>
{% endblock %}
{% endfor %}
</ol>
{% endblock %}
</nav>
{% endblock %}