custom/plugins/MDR_Theme/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@parent/storefront/layout/footer/footer.html.twig' %}
  3. {% block layout_footer_inner_container %}
  4.     {% block layout_footer_navigation %}
  5.         <div id="footerColumns"
  6.              class="row footer-columns"
  7.              data-collapse-footer="true">
  8.             {% block layout_footer_navigation_hotline %}
  9.                 <div class="col-md-7 col-xl-3 footer-column js-footer-column">
  10.                     {% block layout_footer_navigation_hotline_headline %}
  11.                         <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  12.                              id="collapseFooterHotlineTitle"
  13.                              data-target="#collapseFooterHotline"
  14.                              aria-expanded="true"
  15.                              aria-controls="collapseFooterHotline">
  16.                             {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  17.                             {% block layout_footer_navigation_hotline_icons %}
  18.                                 <div class="footer-column-toggle">
  19.                                     <span class="footer-plus-icon">
  20.                                         {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  21.                                     </span>
  22.                                     <span class="footer-minus-icon">
  23.                                         {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  24.                                     </span>
  25.                                 </div>
  26.                             {% endblock %}
  27.                         </div>
  28.                     {% endblock %}
  30.                     {% block layout_footer_navigation_hotline_content %}
  31.                         <div id="collapseFooterHotline"
  32.                              class="footer-column-content collapse js-footer-column-content footer-contact"
  33.                              aria-labelledby="collapseFooterHotlineTitle">
  34.                             <div class="footer-column-content-inner">
  35.                                 <ul class="nxs-contact-list list-unstyled">
  36.                                     <li>
  37.                                         {% sw_icon 'fa-edit' style { 'pack' : 'regular', 'namespace': 'MDR_Theme' } %}
  38.                                         <a href="{{ 'footer.contactFormLink'|trans|sw_sanitize }}"
  39.                                            title="{{ 'footer.contactFormLabel'|trans|sw_sanitize }}">
  40.                                             {{ 'footer.contactFormLabel'|trans|sw_sanitize }}
  41.                                         </a>
  42.                                     </li>
  43.                                     <li>
  44.                                         {% sw_icon 'fa-phone' style { 'pack' : 'regular', 'namespace': 'MDR_Theme' } %}
  45.                                         {{ 'footer.contact.phone'|trans|sw_sanitize }}
  46.                                     </li>
  47.                                     <li>
  48.                                         {% sw_icon 'fa-whatsapp' style { 'pack' : 'brands', 'namespace': 'MDR_Theme' } %}
  49.                                         {{ 'footer.contact.whatsapp'|trans|sw_sanitize }}
  50.                                     </li>
  51.                                     <li>
  52.                                         <img class="fax-icon" src="{{ asset('bundles/mdr_theme/assets/images/icons/fax.png') }}" alt="Fax">
  53.                                         {{ 'footer.contact.fax'|trans|sw_sanitize }}
  54.                                     </li>
  55.                                     <li>
  56.                                         {% sw_icon 'fa-envelope-open' style { 'pack' : 'regular', 'namespace': 'MDR_Theme' } %}
  57.                                         <a href="mailto:{{ 'footer.contact.email'|trans|sw_sanitize }}" title="{{ 'footer.contact.emailTitle'|trans|sw_sanitize }}">
  58.                                             {{ 'footer.contact.email'|trans|sw_sanitize }}
  59.                                         </a>
  60.                                     </li>
  61.                                 </ul>
  62.                             </div>
  64.                         </div>
  65.                     {% endblock %}
  67.                     {% block nxs_layout_footer_flags %}
  68.                         <div class="d-none d-md-block">
  69.                             <div class="footer-column-headline">
  70.                                 {{ 'footer.flagsLabel'|trans|sw_sanitize }}
  71.                             </div>
  72.                             <div class="footer-column-content-inner">
  73.                                 {% sw_include '@parent/storefront/layout/footer/logos/flags.html.twig' %}
  74.                             </div>
  75.                         </div>
  76.                     {% endblock %}
  77.                 </div>
  78.             {% endblock %}
  80.             {# UNSERE LIEFERLÄNDER - mobile #}
  81.             {% block nxs_layout_footer_flags_mobile %}
  82.                 <div class="col footer-column js-footer-column d-md-none">
  83.                     <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  84.                          id="collapseFooterFlagsTitle"
  85.                          data-target="#collapseFooterFlags"
  86.                          aria-expanded="true"
  87.                          aria-controls="collapseFooterFlags">
  88.                         {{ 'footer.flagsLabel'|trans|sw_sanitize }}
  89.                         <div class="footer-column-toggle">
  90.                             <span class="footer-plus-icon">
  91.                                 {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  92.                             </span>
  93.                             <span class="footer-minus-icon">
  94.                                 {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  95.                             </span>
  96.                         </div>
  97.                     </div>
  99.                     <div id="collapseFooterFlags"
  100.                          class="footer-column-content collapse js-footer-column-content footer-contact"
  101.                          aria-labelledby="collapseFooterFlagsTitle">
  102.                         <div class="footer-column-content-inner">
  103.                             {% sw_include '@parent/storefront/layout/footer/logos/flags.html.twig' %}
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.             {% endblock %}
  109.             {% block nxs_layout_footer_certificates_social %}
  110.                 <div class="col-md-5 col-xl-3 footer-column js-footer-column footer-column-second">
  111.                     {% block layout_footer_navigation_certificates %}
  112.                         <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  113.                              id="collapseFooterCertificatesTitle"
  114.                              data-target="#collapseFooterCertificates"
  115.                              aria-expanded="true"
  116.                              aria-controls="collapseFooterCertificates">
  117.                             {{ 'footer.certificatesLabel'|trans }}
  118.                             <div class="footer-column-toggle">
  119.                                 <span class="footer-plus-icon">
  120.                                     {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  121.                                 </span>
  122.                                 <span class="footer-minus-icon">
  123.                                     {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  124.                                 </span>
  125.                             </div>
  126.                         </div>
  127.                     {% endblock %}
  129.                     {% block layout_footer_navigation_certificates_content %}
  130.                         <div id="collapseFooterCertificates"
  131.                              class="footer-column-content collapse js-footer-column-content footer-contact"
  132.                              aria-labelledby="collapseFooterCertificatesTitle">
  133.                             <div class="footer-column-content-inner">
  134.                                 {% sw_include '@parent/storefront/layout/footer/logos/certificates.html.twig' %}
  135.                             </div>
  137.                         </div>
  138.                     {% endblock %}
  140.                     {% block nxs_layout_footer_social %}
  141.                         <div class="d-none d-md-block">
  142.                             <div class="footer-column-headline">
  143.                                 {{ 'footer.socialMediaLabel'|trans }}
  144.                             </div>
  145.                             <div class="footer-column-content-inner">
  146.                                 {% sw_include '@parent/storefront/layout/footer/logos/social.html.twig' %}
  147.                             </div>
  148.                         </div>
  149.                     {% endblock %}
  150.                 </div>
  151.             {% endblock %}
  153.             {# folgen sie uns auf - mobile #}
  154.             {% block nxs_layout_footer_social_mobile %}
  155.                 <div class="col footer-column js-footer-column d-md-none">
  156.                     <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  157.                          id="collapseFooterSocialTitle"
  158.                          data-target="#collapseFooterSocial"
  159.                          aria-expanded="true"
  160.                          aria-controls="collapseFooterSocial">
  161.                         folgen sie uns auf
  162.                         <div class="footer-column-toggle">
  163.                             <span class="footer-plus-icon">
  164.                                 {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  165.                             </span>
  166.                             <span class="footer-minus-icon">
  167.                                 {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  168.                             </span>
  169.                         </div>
  170.                     </div>
  172.                     <div id="collapseFooterSocial"
  173.                          class="footer-column-content collapse js-footer-column-content footer-contact"
  174.                          aria-labelledby="collapseFooterSocialTitle">
  175.                         <div class="footer-column-content-inner">
  176.                             {% sw_include '@parent/storefront/layout/footer/logos/social.html.twig' %}
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.             {% endblock %}
  182.             {% block nxs_layout_footer_payment_methods %}
  183.                 <div class="col-md-7 col-xl-3 footer-column footer-column-third js-footer-column">
  184.                     {% block nxs_layout_footer_navigation_payment_headline %}
  185.                         <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  186.                              id="collapseFooterPaymentTitle"
  187.                              data-target="#collapseFooterPayment"
  188.                              aria-expanded="true"
  189.                              aria-controls="collapseFooterPayment">
  190.                             {{ 'footer.paymentMethodsLabel'|trans|sw_sanitize }}
  191.                             {% block nxs_layout_footer_navigation_payment_icons %}
  192.                                 <div class="footer-column-toggle">
  193.                                     <span class="footer-plus-icon">
  194.                                         {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  195.                                     </span>
  196.                                     <span class="footer-minus-icon">
  197.                                         {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  198.                                     </span>
  199.                                 </div>
  200.                             {% endblock %}
  201.                         </div>
  202.                     {% endblock %}
  204.                     {% block nxs_layout_footer_navigation_payment_content %}
  209.                         <div id="collapseFooterPayment"
  210.                              class="footer-column-content collapse js-footer-column-content footer-contact"
  211.                              aria-labelledby="collapseFooterPaymentTitle">
  212.                             <div class="footer-column-content-inner">
  213.                                 <div class="footer-logos">
  214.                                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  216.                                         {% if paymentMethod.media %}
  217.                                             <div class="footer-logo is-payment">
  218.                                                 {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  219.                                                     media: paymentMethod.media,
  220.                                                     sizes: {
  221.                                                         'default': '100px'
  222.                                                     },
  223.                                                     attributes: {
  224.                                                         'class': 'img-fluid footer-logo-image',
  225.                                                         'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  226.                                                         'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  227.                                                     }
  228.                                                 } %}
  229.                                             </div>
  230.                                         {% endif %}
  232.                                         {% if 'Kreditkarte' in paymentMethod.name %}
  233.                                             <div class="footer-logo is-payment">
  234.                                                 <img src="{{ asset('bundles/mdr_theme/assets/images/icons/payment/visa.svg') }}" alt="VISA" class="img-fluid footer-logo-image">
  235.                                             </div>
  236.                                         {% endif %}
  237.                                     {% endfor %}
  238.                                 </div>
  240.                                 {#Service menu#}
  242.                                 {#<div class="footer-column-headline footer-headliner">
  243.                                     #}{#{{ 'footer.paymentMethodsLabel'|trans|sw_sanitize }}#}{#
  244.                                     HILFE & SERVICE
  245.                                 </div>
  246.                                 <ul class="list-unstyled">
  247.                                     {% for category in page.header.serviceMenu %}
  248.                                         {% set externalLink = category.translated.externalLink %}
  249.                                         <li class="footer-link-item">
  250.                                             <a class="footer-link"
  251.                                                href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  252.                                                title="{{ category.translated.name }}">{{ category.translated.name }}</a>
  253.                                         </li>
  254.                                     {% endfor %}
  255.                                 </ul>#}
  259.                             </div>
  260.                         </div>
  261.                     {% endblock %}
  262.                 </div>
  263.             {% endblock %}
  265.             {% block layout_footer_navigation_columns %}
  266.                 {% for root in page.footer.navigation.tree %}
  267.                     {% block layout_footer_navigation_column %}
  268.                         <div class="col-md-5 col-xl-3 footer-column footer-column-fourth js-footer-column">
  269.                             {% block layout_footer_navigation_information_headline %}
  270.                                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  271.                                      data-target="#collapseFooterTitle{{ loop.index }}"
  272.                                      aria-expanded="true"
  273.                                      aria-controls="collapseFooter{{ loop.index }}">
  275.                                     {{ root.category.translated.name }}
  276.                                     {% block layout_footer_navigation_information_icons %}
  277.                                         <div class="footer-column-toggle">
  278.                                             <span class="footer-plus-icon">
  279.                                                 {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  280.                                             </span>
  281.                                             <span class="footer-minus-icon">
  282.                                                 {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  283.                                             </span>
  284.                                         </div>
  285.                                     {% endblock %}
  286.                                 </div>
  287.                             {% endblock %}
  289.                             {% block layout_footer_navigation_information_content %}
  290.                                 {{ parent() }}
  291.                             {% endblock %}
  293.                         </div>
  294.                     {% endblock %}
  295.                 {% endfor %}
  296.             {% endblock %}
  298.             {% block nxs_layout_footer_service_menu_mobile %}
  299.                 <div class="col footer-column js-footer-column d-md-none">
  300.                     <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  301.                          id="collapseFooterServiceTitle"
  302.                          data-target="#collapseFooterService"
  303.                          aria-expanded="true"
  304.                          aria-controls="collapseFooterService">
  305.                         {{ "header.indexLinkService"|trans|sw_sanitize }}
  306.                         <div class="footer-column-toggle">
  307.                             <span class="footer-plus-icon">
  308.                                 {% sw_icon 'fa-plus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  309.                             </span>
  310.                             <span class="footer-minus-icon">
  311.                                 {% sw_icon 'fa-minus' style {'pack' : 'regular', 'namespace': 'MDR_Theme'} %}
  312.                             </span>
  313.                         </div>
  314.                     </div>
  316.                     <div id="collapseFooterSocial"
  317.                          class="footer-column-content collapse js-footer-column-content"
  318.                          aria-labelledby="collapseFooterServiceTitle">
  319.                         <div class="footer-column-content-inner">
  320.                             <ul class="list-unstyled">
  321.                                 {% for category in page.header.serviceMenu %}
  322.                                     {% set externalLink = category.translated.externalLink %}
  323.                                     <li class="footer-link-item">
  324.                                         <a class="footer-link"
  325.                                            href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  326.                                            title="{{ category.translated.name }}">{{ category.translated.name }}</a>
  327.                                     </li>
  328.                                 {% endfor %}
  329.                             </ul>
  330.                         </div>
  331.                     </div>
  332.                 </div>
  333.             {% endblock %}
  334.         </div>
  335.     {% endblock %}
  337.     {% block layout_footer_payment_shipping_logos %}
  338.     {% endblock %}
  340.     {% block layout_footer_bottom %}
  341.         <div class="footer-bottom">
  342.             {% block layout_footer_vat %}
  343.             {% endblock %}
  345.             {% block layout_footer_service_menu %}
  346.             {% endblock %}
  348.             {% block layout_footer_copyright %}
  349.                 <div class="footer-copyright">
  350.                     &copy; <span id="year"></span> MDR Metallbau Onlineshop GmbH
  351.                 </div>
  352.                 <script>
  353.                     document.getElementById("year").innerHTML = new Date().getFullYear();
  354.                 </script>
  355.             {% endblock %}
  356.         </div>
  357.     {% endblock %}
  358. {% endblock %}