{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_navigation_hotline %}
<div class="col-md-4 footer-column js-footer-column">
{% block layout_footer_navigation_hotline_headline %}
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
id="collapseFooterHotlineTitle" data-target="#collapseFooterHotline" aria-expanded="true"
aria-controls="collapseFooterHotline">
{{ 'footer.contactHeadline'|trans|sw_sanitize }}
{% block layout_footer_navigation_hotline_icons %}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_hotline_content %}
<div id="collapseFooterHotline"
class="footer-column-content collapse js-footer-column-content footer-contact"
aria-labelledby="collapseFooterHotlineTitle">
<div class="footer-column-content-inner">
<div class="footer-contact-box">
<a href="tel: {{ 'footer.serviceHotline'|trans|sw_sanitize }}" onclick="return gtag_report_conversion_tel('tel:+43-6274-21909');" class="tel">
<i>{% sw_icon 'phone' style {
'namespace': 'Tuerschild_2',
} %}
</i> {{ 'footer.serviceHotline'|trans|sw_sanitize }}
</a>
<a href="mailto:{{ 'footer.serviceMail'|trans|sw_sanitize }}"
onclick="return gtag_report_conversion_mailto('mailto:info@tuerschild.shop');"
class="mail">{% sw_icon 'envelope' %} {{ 'footer.serviceMail'|trans|sw_sanitize }}</a>
</div>
{{ 'footer.serviceTimes'|trans|sw_sanitize }}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="col-md-4 footer-column js-footer-column">
{% block layout_footer_navigation_information_headline %}
<div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true"
aria-controls="collapseFooter{{ loop.index }}">
{{ root.category.translated.name }}
{% block layout_footer_navigation_information_icons %}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' %}
</span>
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_information_content %}
<div id="collapseFooter{{ loop.index }}"
class="footer-column-content collapse js-footer-column-content"
aria-labelledby="collapseFooterTitle{{ loop.index }}">
<div class="footer-column-content-inner">
{% block layout_footer_navigation_information_links %}
<ul class="list-unstyled">
{% for treeItem in root.children %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer-link-item">
{% block layout_footer_navigation_information_link %}
<a class="footer-link"
href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
title="{{ name }}">
{% sw_icon 'arrow_left' style {
'namespace': 'Tuerschild_2',
} %}
{{ name }}
</a>
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
</div>
{% endblock %}
{% if loop.last %}
{% block layout_footer_payment_logos %}
{% for paymentMethod in page.salesChannelPaymentMethods %}
{% block layout_footer_payment_logo %}
<div class="footer-logo is-payment" title="{{ paymentMethod.translated.name }}">
{% sw_thumbnails 'footer-payment-image-thumbnails' with {
media: paymentMethod.media,
sizes: {
'default': '100px'
},
attributes: {
'class': 'img-fluid footer-logo-image',
'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
}
} %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
{% endif %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
{% block layout_footer_payment_shipping_logos %}{% endblock %}
{% block layout_footer_bottom %}{% endblock %}