{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
{# Can be overridden in WynCustomerTheme: #}
{% set headerTag = 'div' %}
{% set headerClass = 'footer__cell-header' %}
{% block layout_footer_inner_container %}
<div class="footer-container">
{% block layout_footer_navigation %}
{% block wyn_footer_navigation_logo %}
<div class="footer__logo">
{% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
</div>
{% endblock %}
{% block wyn_footer_navigation_payment_methods %}
<div class="footer__payment">
{% sw_include '@WynTheme/storefront/layout/footer/footer-header.html.twig' with {
tag: headerTag, class: headerClass,
id: 'footer-payment-header',
title: 'wyn-theme.footer.headlines.payment'|trans|sw_sanitize
} %}
<div
class="footer__cell-content footer__payment-icons"
aria-labelledby="footer-payment-header"
>
{% for paymentMethodMedia in page.footer.extensions.footerMedia.payment %}
{% sw_thumbnails 'footer-media-payment' with {
media: paymentMethodMedia.originalEntity,
sizes: {
'xs': ' 501px',
'sm': ' 315px',
'md': ' 427px',
'lg': ' 333px',
'xl': ' 284px'
},
attributes: {
'alt': paymentMethodMedia.originalEntity.alt,
'title': paymentMethodMedia.originalEntity.title,
'class': 'footer__payment-icon'
}
} %}
{% endfor %}
</div>
</div>
{% endblock %}
{% block wyn_footer_navigation_shipping_methods %}
<div class="footer__shipping">
{% sw_include '@WynTheme/storefront/layout/footer/footer-header.html.twig' with {
tag: headerTag, class: headerClass,
id: 'footer-shipping-header',
title: 'wyn-theme.footer.headlines.shipping'|trans|sw_sanitize
} %}
<div
class="footer__cell-content"
aria-labelledby="footer-shipping-header"
>
{% for shippingMethodMedia in page.footer.extensions.footerMedia.shipping %}
{% sw_thumbnails 'footer-media-shipping' with {
media: shippingMethodMedia.originalEntity,
sizes: {
'xs': ' 501px',
'sm': ' 315px',
'md': ' 427px',
'lg': ' 333px',
'xl': ' 284px'
},
attributes: {
'alt': shippingMethodMedia.originalEntity.alt,
'title': shippingMethodMedia.originalEntity.title,
'width': '140px'
}
} %}
{% endfor %}
</div>
</div>
{% endblock %}
{% block wyn_footer_navigation_newsletter %}
<div class="footer__newsletter">
{% sw_include '@WynTheme/storefront/layout/footer/footer-header.html.twig' with {
tag: headerTag, class: headerClass,
id: 'footer-newsletter-header',
title: 'wyn-theme.footer.headlines.newsletter'|trans|sw_sanitize
} %}
{% block wyn_layout_footer_navigation_newsletter_content %}
<div
class="footer__cell-content"
aria-labelledby="footer-newsletter-header"
>
{% block wyn_layout_footer_navigation_newsletter_content_include %}
{% sw_include '@Storefront/storefront/element/cms-element-form/form-types/wyn-newsletter-form.html.twig' with {
action: 'frontend.form.newsletter.register.handle',
submitText: 'newsletter.formSubmit'
} %}
{% endblock %}
{% block wyn_layout_footer_navigation_newsletter_content_social_media_inside %}
<div class="footer__social-media-inside-newsletter">
{% sw_include '@WynTheme/storefront/layout/footer/footer-header.html.twig' with {
tag: headerTag, class: headerClass,
id: 'footer-social-media-header',
title: 'wyn-theme.footer.headlines.socialMedia'|trans|sw_sanitize
} %}
<div class="footer__social-media-icon-container">
{% sw_include '@Storefront/storefront/layout/footer/footer-social-media.html.twig' %}
</div>
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_hotline %}
<div class="footer__contact">
{% block layout_footer_navigation_hotline_headline %}
{% sw_include '@WynTheme/storefront/layout/footer/footer-header.html.twig' with {
tag: headerTag, class: headerClass,
id: 'footer-contact-header',
title: 'footer.serviceHotlineHeadline'|trans|sw_sanitize
} %}
{% endblock %}
{% block layout_footer_navigation_hotline_content %}
<div
class="footer__cell-content"
aria-labelledby="footer-contact-header"
>
{{ 'footer.serviceHotline'|trans|sw_sanitize }}
{{ 'footer.serviceContactLink'|trans({
'%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
})|raw }}
</div>
{% endblock %}
</div>
{% endblock %}
{% block layout_footer_navigation_columns %}
{% for root in page.footer.navigation.tree %}
{% block layout_footer_navigation_column %}
<div class="footer__other footer__other-{{ loop.index }}">
{% block layout_footer_navigation_information_headline %}
<{{ headerTag }}
id="footer-other-{{ loop.index }}-header"
class="{{ headerClass }}"
>
{% if root.category.type == 'folder' %}
{{ root.category.translated.name }}
{% else %}
<a
href="{{ category_url(root.category) }}"
{% if category_linknewtab(root.category) %}target="_blank"{% endif %}
title="{{ root.category.translated.name }}"
>
{{ root.category.translated.name }}
</a>
{% endif %}
</{{ headerTag }}>
{% endblock %}
{% block layout_footer_navigation_information_content %}
<div
class="footer__cell-content"
aria-labelledby="footer-other-{{ loop.index }}-header"
>
{% block layout_footer_navigation_information_links %}
<ul class="footer__link-list">
{% for treeItem in root.children %}
{% set category = treeItem.category %}
{% set name = category.translated.name %}
{# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
{% set externalLink = category.translated.externalLink %}
{% block layout_footer_navigation_information_link_item %}
<li class="footer__link-item">
{% block layout_footer_navigation_information_link %}
{% if category.type == 'folder' %}
<div>{{ name }}</div>
{% else %}
<a
class="footer__link"
href="{{ category_url(category) }}"
{% if category_linknewtab(category) %}target="_blank"{% endif %}
title="{{ name }}"
>
{{ name }}
</a>
{% endif %}
{% endblock %}
</li>
{% endblock %}
{% endfor %}
</ul>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% endfor %}
{% endblock %}
{% block wyn_footer_navigation_socialmedia %}
<div class="footer__social-media">
{% sw_include '@WynTheme/storefront/layout/footer/footer-header.html.twig' with {
tag: headerTag, class: headerClass,
id: 'footer-social-media-header',
title: 'wyn-theme.footer.headlines.socialMedia'|trans|sw_sanitize
} %}
<div
class="footer__cell-content footer__social-media-icon-container"
aria-labelledby="footer-social-media-header"
>
{% sw_include '@Storefront/storefront/layout/footer/footer-social-media.html.twig' %}
</div>
</div>
{% endblock %}
{% endblock %}
</div>
{% block layout_footer_bottom %}
<div class="footer-bottom">
{% block layout_footer_service_menu %}
{% endblock %}
{% block layout_footer_vat %}
{{ parent() }}
{% endblock %}
{# no "realized with shopware" text, should be "realized despite shopware" :D #}
{% block layout_footer_copyright %}
{% endblock %}
</div>
{% endblock %}
{% endblock %}