{% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}{% block layout_footer_inner_container %} <div class="container"> {% set basicConfig = config('core.basicInformation') %} {% block layout_footer_navigation %} <div id="footerColumns" class="row footer-columns" data-collapse-footer="true"> {% block layout_footer_navigation_hotline %} <div class="col 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"> {{ context.salesChannel.name }} {% 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"> {% if basicConfig.address %} <p class="footer-contact-address"> {{ basicConfig.address | raw }} </p> {% endif %} <p class="footer-contact-hotline"> {{ 'footer.serviceHotline'|trans|sw_sanitize }} </p> </div> <div class="footer-contact-form"> {{ 'footer.serviceContactLink'|trans({ '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') }) })|raw }} </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 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 }}"> {% 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 %} {% 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 %} {# @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> </div> {% endblock %} </div> {% endblock %} {% endfor %} {% block layout_footer_payment_shipping_logos %} <div class="col footer-column js-footer-column footer-payshiplogos"> {% block layout_footer_payment_logos %} {% block layout_footer_navigation_logos_headline %} <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger show" data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true" aria-controls="collapseFooter{{ loop.index }}"> {{ 'account.paymentTitle'|trans|sw_sanitize|replace({'methods': ""}) }} & {{ 'checkout.addressHeader'|trans|sw_sanitize|replace({'information': ""}) }} {% block layout_footer_navigation_logos_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 %} <div id="collapseFooter{{ loop.index }}" class="footer-column-content collapse show js-footer-column-content" aria-labelledby="collapseFooterTitle{{ loop.index }}"> <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 %} {% 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> {% endblock %} </div> {% endblock %} {% block layout_footer_socials %} <div class="col footer-column footer-socials js-footer-column"> {% block layout_footer_social_links %} {% block layout_footer_navigation_socials_headline %} <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger show" data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true" aria-controls="collapseFooter{{ loop.index }}"> {{ 'footer.socialsHeading'|trans|sw_sanitize }} {% block layout_footer_navigation_socials_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 %} <div id="collapseFooter{{ loop.index }}" class="footer-column-content collapse show js-footer-column-content" aria-labelledby="collapseFooterTitle{{ loop.index }}"> <div class="footer-column-content-inner"> {% block layout_footer_social_link_facebook %} {% if theme_config('sw-socials-facebook-link') %} <div class="social-item"> <a href="{{ theme_config('sw-socials-facebook-link') }}" target="_blank" rel="nofollow"> {% sw_icon 'facebook-icon' style {'namespace': 'DecomTheme' } %} <span>Facebook</span> </a> </div> {% endif %} {% endblock %} {% block layout_footer_social_link_instagram %} {% if theme_config('sw-socials-instagram-link') %} <div class="social-item"> <a href="{{ theme_config('sw-socials-instagram-link') }}" target="_blank" rel="nofollow"> {% sw_icon 'instagram-icon' style {'namespace': 'DecomTheme' } %} <span>Instagram</span> </a> </div> {% endif %} {% endblock %} {% block layout_footer_social_link_youtube %} {% if theme_config('sw-socials-youtube-link') %} <div class="social-item"> <a href="{{ theme_config('sw-socials-youtube-link') }}" target="_blank" rel="nofollow"> {% sw_icon 'youtube-icon' style {'namespace': 'DecomTheme', 'color': '#FF5E17' } %} <span>Youtube</span> </a> </div> {% endif %} {% endblock %} </div> </div> {% endblock %} </div> {% endblock %} {% endblock %} </div> {% endblock %} </div> {% block layout_footer_bottom %} <div class="footer-bottom"> {% block layout_footer_service_menu %} <div class="container"> {% block layout_footer_service_menu_content %} {% apply spaceless %} <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> {% endapply %} {% endblock %} </div> {% endblock %} {% block layout_footer_vat %} <div class="footer-vat"> <p> © {{ 'now' | date('Y') }} {% if basicConfig.shopName %} {{ basicConfig.shopName }} {% endif %} {% if context.taxState == "gross" %} {{ "footer.includeVat"|trans({ '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) })|raw }} {% else %} {{ "footer.excludeVat"|trans({ '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) })|raw }} {% endif %} </p> </div> {% endblock %} </div> {% endblock %}{% endblock %}