{% sw_extends '@Storefront/storefront/layout/breadcrumb.html.twig' %}
{# ThemeWare® HC-Architecture® via configuration #}
{# TODO: prüfen... #}
{# ---------------- START: SET TEMPLATE VARS ---------------- #}
{# ThemeWare: Set theme variables #}
{% set twtBreadcrumbCompatibility = theme_config('twt-breadcrumb-compatibility') %}
{% set twtBreadcrumbFurtherInformation = theme_config('twt-breadcrumb-further-information') %}
{% set twtBreadcrumbSeparatorStyle = theme_config('twt-breadcrumb-separator-style') %}
{% set homeLabel = context.salesChannel.translated.homeName|default("general.homeLink"|trans) %}
{# ---------------- END: SET TEMPLATE VARS ---------------- #}
{# TODO: Check if "Add wrapper 'breadcrumb-inner-container' around breadcrumb for further formatting" is needed. #}
{# ThemeWare: Changes on the breadcrumb #}
{# HC-Architecture @Doku #}
{% block layout_breadcrumb_list %}
{% if twtBreadcrumbCompatibility != 1 %}
<ol class="breadcrumb"
itemscope
itemtype="https://schema.org/BreadcrumbList">
{% block twt_component_listing_breadcrumb_further_information %}
{# ThemeWare: Add futher information snippet #}
{% if twtBreadcrumbFurtherInformation == 3 or twtBreadcrumbFurtherInformation == 4 or twtBreadcrumbFurtherInformation == 6 %}
<div class="breadcrumb-container twt-breadcrumb-further-information">
<span>{{ "twt.breadcrumb.furtherInformation"|trans|sw_sanitize }}</span>
</div>
{% endif %}
{# ThemeWare: Add home icon #}
{% if twtBreadcrumbFurtherInformation == 2 or twtBreadcrumbFurtherInformation == 4 %}
<li class="breadcrumb-item twt-breadcrumb-home-icon"
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
<a href="{{ path('frontend.home.page') }}"
class="home-link{% if controllerAction is same as('home') %} is-active{% endif %}"
title="{{ homeLabel|striptags }}"
itemprop="item">
<link itemprop="url"
href="{{ path('frontend.home.page') }}"/>
{% sw_icon 'home' %}
<span class="breadcrumb-title" itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
</a>
<meta itemprop="position" content="0"/>
</li>
{% endif %}
{# ThemeWare: Add home link #}
{% if twtBreadcrumbFurtherInformation == 5 or twtBreadcrumbFurtherInformation == 6 %}
<li class="breadcrumb-item twt-breadcrumb-home-link"
itemprop="itemListElement"
itemscope
itemtype="https://schema.org/ListItem">
<a href="{{ path('frontend.home.page') }}"
class="home-link{% if controllerAction is same as('home') %} is-active{% endif %}"
title="{{ homeLabel|striptags }}"
itemprop="item">
<link itemprop="url"
href="{{ path('frontend.home.page') }}"/>
<span class="breadcrumb-title" itemprop="name">{{ "general.homeLink"|trans|sw_sanitize }}</span>
</a>
<meta itemprop="position" content="0"/>
</li>
{% endif %}
{# ThemeWare: Add separator #}
{% if (twtBreadcrumbFurtherInformation == 2 or twtBreadcrumbFurtherInformation == 5 or twtBreadcrumbFurtherInformation == 4 or twtBreadcrumbFurtherInformation == 6) and controllerAction is not same as('home') %}
<div class="breadcrumb-placeholder">
{% if twtBreadcrumbSeparatorStyle == 2 %}
{% sw_icon 'arrow-medium-double-right' style { 'size': 'fluid', 'pack': 'solid'} %}
{% elseif twtBreadcrumbSeparatorStyle == 3 %}
{% sw_icon 'arrow-right' %}
{% elseif twtBreadcrumbSeparatorStyle == 10 %}
<span class="text slash">/</span>
{% elseif twtBreadcrumbSeparatorStyle == 11 %}
<span class="text dot">•</span>
{% elseif twtBreadcrumbSeparatorStyle == 12 %}
<span class="text pipe">|</span>
{% elseif twtBreadcrumbSeparatorStyle == 13 %}
<span class="text dash">—</span>
{% else %}
{# Default #}
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
{% endif %}
</div>
{% endif %}
{% endblock %}
{# Default #}
{% for breadcrumbCategory in breadcrumbCategories %}
{% set key = breadcrumbCategory.id %}
{% set name = breadcrumbCategory.translated.name %}
{{ block('layout_breadcrumb_list_item') }}
{{ block('layout_breadcrumb_placeholder') }}
{% endfor %}
</ol>
{% else %}
{# Default block #}
{{ parent() }}
{% endif %}
{% endblock %}
{# ThemeWare: Change separator icon #}
{# HC-Architecture @Doku #}
{% block layout_breadcrumb_placeholder %}
{% if twtBreadcrumbCompatibility != 1 %}
{% if key != breadcrumbKeys|last %}
<div class="breadcrumb-placeholder">
{% if twtBreadcrumbSeparatorStyle == 2 %}
{% sw_icon 'arrow-medium-double-right' style { 'size': 'fluid', 'pack': 'solid'} %}
{% elseif twtBreadcrumbSeparatorStyle == 3 %}
{% sw_icon 'arrow-right' %}
{% elseif twtBreadcrumbSeparatorStyle == 10 %}
<span class="text slash">/</span>
{% elseif twtBreadcrumbSeparatorStyle == 11 %}
<span class="text dot">•</span>
{% elseif twtBreadcrumbSeparatorStyle == 12 %}
<span class="text pipe">|</span>
{% elseif twtBreadcrumbSeparatorStyle == 13 %}
<span class="text dash">—</span>
{% else %}
{# Default #}
{% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
{% endif %}
</div>
{% endif %}
{% else %}
{# Default block #}
{{ parent() }}
{% endif %}
{% endblock %}