{% block layout_breadcrumb_inner %}
{% if category %}
{% set breadcrumbCategories = sw_breadcrumb_full(category, context.context) %}
{% set categoryId = category.id %}
{% set prod = product %}
{% 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" style="margin-top: 27px; text-transform: uppercase;">
{% block layout_breadcrumb_list %}
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
{% for breadcrumbCategory in breadcrumbCategories %}
{% if loop.first %}
{% set key = prod == null || prod == ""? breadcrumbCategory.id ? 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">
{% if breadcrumbCategory.type == 'folder' %}
<div itemprop="item">
<div itemprop="name">{{ name }}</div>
</div>
{% else %}
<a href="{{ category_url(breadcrumbCategory) }}" class="breadcrumb-link {% 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) }}"/>
<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">
{# {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %} #}
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewbox="0 0 16 16">
<defs><path id="icons-solid-arrow-medium-right" d="M4.7071 5.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l4 4c.3905.3905 1.0237.3905 1.4142 0l4-4c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L8 8.5858l-3.2929-3.293z"/></defs><use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#ffffff" fill-rule="evenodd"/></svg>
</div>
{% endif %}
{% endblock %}
{% if prod != null || prod != "" %}
<div itemprop="item">
<div itemprop="prod" style="color: white;">{{ prod }}</div>
</div>
{% endif %}
{% endif %}
{% endfor %}
</ol>
{% endblock %}
</nav>
{% endif %}
{% endif %}
{% if type === "compare" %}
<nav aria-label="breadcrumb" style="margin-top: 27px; text-transform: uppercase;">
<ol class="breadcrumb" itemscope="" itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a href="/store/" class="breadcrumb-link " title="Wallboxen" itemprop="item">
<link itemprop="url" href="/store/">
<span class="breadcrumb-title" itemprop="name">Wallboxen</span>
</a>
<meta itemprop="position" content="1">
</li>
<div class="breadcrumb-placeholder">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewbox="0 0 16 16">
<defs>
<path id="icons-solid-arrow-medium-right" d="M4.7071 5.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l4 4c.3905.3905 1.0237.3905 1.4142 0l4-4c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0L8 8.5858l-3.2929-3.293z"></path>
</defs>
<use transform="rotate(-90 8 8)" xlink:href="#icons-solid-arrow-medium-right" fill="#ffffff" fill-rule="evenodd"></use>
</svg>
</div>
<li class="breadcrumb-item" aria-current="page" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<a href="/store/compare" class="breadcrumb-link is-active" title="Wallboxen" itemprop="item">
<link itemprop="url" href="/store/compare">
<span class="breadcrumb-title" itemprop="name">Compare</span>
</a>
<meta itemprop="position" content="2">
</li>
</ol>
</nav>
{% else %}
<div></div>
{% endif %}
{% endblock %}