{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
{% block layout_breadcrumb_inner %}
{% if category %}
{% set breadcrumbCategories = sw_breadcrumb_full(category, context.context) %}
{% set categoryId = category.id %}
{% if feature('v6.5.0.0') %}
{% set breadcrumbKeys = breadcrumbCategories|keys %}
{% else %}
{% sw_silent_feature_call "v6.5.0.0" %}
{# @deprecated tag:v6.5.0 - Use "sw_breadcrumb_full" directly. #}
{% set breadcrumb = sw_breadcrumb(category) %}
{# @deprecated tag:v6.5.0 - Use "sw_breadcrumb_full" directly. #}
{% set breadcrumbKeys = breadcrumb|keys %}
{# @deprecated tag:v6.5.0 - Use "sw_breadcrumb_full" directly. #}
{% set breadcrumbTypes = sw_breadcrumb_build_types(breadcrumbCategories) %}
{% endsw_silent_feature_call %}
{% endif %}
{% if breadcrumbCategories|length > 0 %}
{# <nav aria-label="breadcrumb"> #}
{% block layout_breadcrumb_list %}
{# <ol class="breadcrumb" #}
{# itemscope #}
{# itemtype="https://schema.org/BreadcrumbList"> #}
<div class="breadcrumbs">
<ul>
<li><a href="/">Home</a></li>
{% for breadcrumbCategory in breadcrumbCategories %}
{% set key = breadcrumbCategory.id %}
{% set name = breadcrumbCategory.translated.name %}
{% block layout_breadcrumb_list_item %}
<li class=""
{% if key is same as(categoryId) %}aria-current="page"{% endif %}
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
{% if breadcrumbCategory.type == 'folder' %}
{{ name }}
{% else %}
<a href="{{ category_url(breadcrumbCategory) }}"
class="{% if key is same as(categoryId) %} is-active{% endif %}"
title="{{ name }}"
{% if category_linknewtab(breadcrumbCategory) %}target="_blank"{% endif %}
itemprop="item">
<link itemprop="url"
href="{{ category_url(breadcrumbCategory) }}"/>
{{ name }}
</a>
{% endif %}
<meta itemprop="position" content="{{ loop.index }}"/>
</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 %}
{% endblock %}
{% endfor %}
</ul>
</div>
{# </ol> #}
{% endblock %}
{# </nav> #}
{% endif %}
{% endif %}
{% endblock %}