{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
{% block layout_breadcrumb_list_item %}
<li class="breadcrumb-item"
{% if key is same as(categoryId) %}aria-current="page"{% endif %}
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
{% if breadcrumbCategory.type == 'folder' %}
<div>{{ name }}</div>
{% else %}
<a href="{{ category_url(breadcrumbCategory) }}"
class="breadcrumb-link {% if (key is same as(categoryId)) and (not product) %} is-active{% endif %}"
title="{{ name }}"
{% if category_linknewtab(breadcrumbCategory) %}target="_blank"{% endif %}
itemprop="item">
<link itemprop="url"
href="{{ category_url(breadcrumbCategory) }}"/>
<span class="breadcrumb-title" itemprop="name">{{ name }}</span>
</a>
<meta itemprop="position" content="{{ breadcrumbCategory.id }}"/>
{% endif %}
</li>
{% endblock %}
{% block layout_breadcrumb_placeholder %}
{% if key != breadcrumbKeys|last %}
<div class="breadcrumb-placeholder">
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
</div>
{% endif %}
{% if (key == breadcrumbKeys|last) and product %}
<div class="breadcrumb-placeholder">
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
</div>
<li class="breadcrumb-item"
{% if key is same as(categoryId) %}aria-current="page"{% endif %}
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
<a href="{{ seoUrl('frontend.detail.page', { productId: product.id }) }}"
class="breadcrumb-link is-active"
title="{{ product.translated.name }}"
itemprop="item">
<link itemprop="url"
href="{{ seoUrl('frontend.detail.page', { productId: product.id }) }}"/>
<span class="breadcrumb-title" itemprop="name">{{ product.translated.name }}</span>
</a>
<meta itemprop="position" content="{{ product.id }}"/>
</li>
{% endif %}
{% endblock %}