{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% block layout_footer_shipping_logos %}
<div class="col-md-3 order-2 footer-column js-footer-column footer-shipping-column">
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterShippingTitle" data-target="#collapseFooterShipping" aria-expanded="true" aria-controls="collapseFooterShipping">
{{ 'footer.shippingHeadline'|trans|sw_sanitize }}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' %}
</span>
</div>
</div>
<div id="collapseFooterShipping" class="footer-column-content collapse js-footer-column-content footer-shipping" aria-labelledby="collapseFooterShippingTitle">
<div class="footer-column-content-inner">
{% for shippingMethod in page.salesChannelShippingMethods %}
{% block layout_footer_shipping_logo %}
{% if shippingMethod.media %}
<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 %}
</div>
</div>
</div>
{% endblock %}
{% block layout_footer_payment_logos %}
<div class="col-md-9 order-1 footer-column js-footer-column footer-payment-column">
<div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterPaymentTitle" data-target="#collapseFooterPayment" aria-expanded="true" aria-controls="collapseFooterPayment">
{{ 'footer.paymentHeadline'|trans|sw_sanitize }}
<div class="footer-column-toggle">
<span class="footer-plus-icon">
{% sw_icon 'plus' %}
</span>
<span class="footer-minus-icon">
{% sw_icon 'minus' %}
</span>
</div>
</div>
<div id="collapseFooterPayment" class="footer-column-content collapse js-footer-column-content footer-payment" aria-labelledby="collapseFooterPaymentTitle">
<div class="footer-column-content-inner">
{% for paymentMethod in page.salesChannelPaymentMethods %}
{% block layout_footer_payment_logo %}
{% if paymentMethod.media %}
<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)
}
} %}
</div>
{% endif %}
{% endblock %}
{% endfor %}
</div>
</div>
</div>
{% endblock %}
{% block layout_footer_copyright %}
{% endblock %}