{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
{% block layout_breadcrumb_list %}
<ol
class="breadcrumb"
itemscope
itemtype="https://schema.org/BreadcrumbList"
>
{% sw_include '@WynTheme/storefront/layout/breadcrumb-home-item.html.twig' with {
breadcrumbCategory: breadcrumbCategory,
} %}
<div class="breadcrumb-placeholder" role="presentation">
{% sw_icon 'arrow-medium-right' style { 'size': 'xs', 'pack': 'solid'} %}
</div>
{% for breadcrumbCategory in breadcrumbCategories %}
{% set key = breadcrumbCategory.id %}
{% set name = breadcrumbCategory.translated.name %}
{% 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"
>
deluxe
{% if breadcrumbCategory.type == 'folder' %}
<div itemprop="name">{{ name }}</div>
{% elseif key is same as(categoryId) %}
<div class="breadcrumb-link is-active" itemprop="item">
<span class="breadcrumb-title" itemprop="name">{{ name }}</span>
</div>
{% else %}
<a
href="{{ category_url(breadcrumbCategory) }}"
class="breadcrumb-link"
{% 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>
{% endif %}
<meta itemprop="position" content="{{ loop.index }}"/>
</li>
{% endblock %}
{% block layout_breadcrumb_placeholder %}
{% if key != breadcrumbKeys|last %}
<div class="breadcrumb-placeholder" role="presentation">
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
</div>
{% endif %}
{% endblock %}
{% endfor %}
</ol>
{% endblock %}