{% sw_extends "@Storefront/storefront/layout/footer/footer.html.twig" %}
{% block layout_footer_inner_container %}
<div class="container">
{% block layout_footer_navigation %}
<div id="footerColumns" class="row footer-columns" data-collapse-footer="true" role="list">
{% block layout_footer_navigation_hotline %}
<div class="col-md-4 mt-4 footer-column">
<div class="footer-column-headline footer-headline">
<h4 class="footer-headline-title">{{ "footer.newsletter.title"|trans }}</h4>
</div>
<div class="footer-column-content">
{{ "footer.newsletter.content"|trans }}
</div>
{% sw_include '@Storefront/storefront/element/cms-element-form/form-types/newsletter-form-minimal.html.twig' with {
action: 'frontend.form.newsletter.register.handle',
submitText: 'newsletter.formSubmit'
} %}
<div class="socials">
{% for i in range(1, 3) %}
{% set iconMediaUrl = theme_config('social-icon-' ~ i) %}
{% set iconLink = theme_config('social-link-' ~ i) %}
{% if iconMediaUrl and iconLink %}
<a href="{{ iconLink }}" class="icon icon-link" target="_blank">
<img src="{{ iconMediaUrl }}"/>
</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endblock %}
{% block layout_footer_navigation_offer %}
{% sw_include "@Storefront/storefront/layout/footer/footer-column-links.html.twig" %}
{% endblock %}
{% block layout_footer_navigation_help %}
{% sw_include "@Storefront/storefront/layout/footer/footer-column-help.html.twig" %}
{% endblock %}
</div>
{% endblock %}
</div>
<div class="footer-bottom">
<div class="container">
<div class="row justify-content-center justify-content-md-between py-4">
{% set qualityMarkIconUrl = theme_config('quality-mark-icon')|sw_encode_url %}
{% if qualityMarkIconUrl|length > 0 %}
<div class="col-12 col-md-auto d-flex justify-content-center justify-content-md-start align-items-center mb-3 mb-md-0">
{% if theme_config('quality-mark-icon-link')|length > 0 %}
<a href="{{ theme_config('quality-mark-icon-link')|sw_encode_url }}" target="_blank">
{% endif %}
<img src="{{ theme_config('quality-mark-icon')|sw_encode_url }}">
{% if theme_config('quality-mark-icon-link')|length > 0 %}
</a>
{% endif %}
</div>
{% endif %}
{% block layout_footer_payment_logos %}
<div class="col-12 col-md-auto d-flex justify-content-center justify-content-md-start align-items-center">
{% if page.salesChannelPaymentMethods|length %}
<div class="footer-logos">
{% set languageId = context.salesChannel.languageId %}
{% if languageId == theme_config('footer-language-id-nl') %}
{% set selectedPaymentMethods = theme_config('footer-payment-select-nl') %}
{% set selectedShippingMethods = theme_config('footer-shipping-select-nl') %}
{% elseif languageId == theme_config('footer-language-id-de') %}
{% set selectedPaymentMethods = theme_config('footer-payment-select-de') %}
{% set selectedShippingMethods = theme_config('footer-shipping-select-de') %}
{% endif %}
{% for paymentMethod in page.salesChannelPaymentMethods %}
{% block layout_footer_payment_logo %}
{% if paymentMethod.media and (paymentMethod.id in selectedPaymentMethods) %}
<div class="footer-logo is-payment">
{% 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),
'width': '28',
'height': '28'
}
} %}
</div>
{% endif %}
{% endblock %}
{% endfor %}
{% block layout_footer_shipping_logos %}
{% for shippingMethod in page.salesChannelShippingMethods %}
{% block layout_footer_shipping_logo %}
{% if shippingMethod.media and (shippingMethod.id in selectedShippingMethods) %}
<div class="footer-logo is-shipping">
{% sw_thumbnails 'footer-shipping-image-thumbnails' with {
media: shippingMethod.media,
sizes: {
'default': '100px'
},
attributes: {
'class': 'img-fluid footer-logo-image',
'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
}
} %}
</div>
{% endif %}
{% endblock %}
{% endfor %}
{% endblock %}
</div>
{% endif %}
</div>
{% endblock %}
</div>
<hr class="divider"/>
<div class="row justify-content-center justify-content-md-between py-3">
<div class="col-auto d-flex align-items-center mb-1 mb-md-0">
{{ "footer.copyrightInfo"|trans|sw_sanitize }}
</div>
<div class="col-auto">
<ul class="footer-service-menu-list list-unstyled">
{% for serviceMenuItem in page.header.serviceMenu %}
{% block layout_footer_service_menu_item %}
<li class="footer-service-menu-item">
<a class="footer-service-menu-link"
href="{{ category_url(serviceMenuItem) }}"
{% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
title="{{ serviceMenuItem.translated.name }}">
{{ serviceMenuItem.translated.name }}
</a>
</li>
{% endblock %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
{% endblock %}