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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  3. {% block layout_footer_navigation_hotline %}
  4.     {% set footerCol = theme_config('dmf-footer-columns') %}
  6.     {% if theme_config('dmf-footer-service-enable') %}
  7.         <div class="col-md-{{ footerCol }} order-md-1 order-2 footer-column footer-social-column js-footer-column">
  8.             {% block layout_footer_navigation_service_headline %}
  9.                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  10.                      id="collapseFooterHotlineTitle" data-target="#collapseFooterHotline" aria-expanded="true"
  11.                      aria-controls="collapseFooterHotline">
  12.                     {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  13.                     {% block layout_footer_navigation_hotline_icons %}
  14.                         <div class="footer-column-toggle">
  15.                             <span class="footer-plus-icon">
  16.                                 {% sw_icon 'plus' %}
  17.                             </span>
  18.                             <span class="footer-minus-icon">
  19.                                 {% sw_icon 'minus' %}
  20.                             </span>
  21.                         </div>
  22.                     {% endblock %}
  23.                 </div>
  24.             {% endblock %}
  26.             {% block layout_footer_navigation_service_content %}
  27.                 <div id="collapseFooterHotline"
  28.                      class="footer-column-content collapse js-footer-column-content footer-contact"
  29.                      aria-labelledby="collapseFooterHotlineTitle">
  30.                     <div class="footer-column-content-inner">
  31.                         <p class="footer-contact-hotline">
  32.                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  33.                         </p>
  34.                     </div>
  35.                     <div class="footer-contact-form">
  36.                         {{ 'footer.serviceContactLink'|trans({
  37.                             '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  38.                         })|raw }}
  39.                     </div>
  40.                 </div>
  41.                 <br>
  42.                 <div class="d-inline-block d-md-block pr-3 pr-md-0 footer-column-headline footer-headline">
  43.                     Folge uns auf Social Media
  44.                 </div>
  45.                 <div style="font-size: 2rem; padding-bottom: 1rem">
  46.                     <a href="https://www.facebook.com/p/Zweirad-Sturm-100038885294610/">
  47.                         <i class="fab fa-facebook"></i>
  48.                     </a>
  49.                     &nbsp;
  50.                     <a href="https://www.instagram.com/zweiradsturm/">
  51.                         <i class="fab fa-instagram"></i>
  52.                     </a>
  53.                     &nbsp;
  54.                     <a href="https://www.tiktok.com/@zweiradsturm">
  55.                         <i class="fab fa-tiktok"></i>
  56.                     </a>
  57.                 </div>
  58.             {% endblock %}
  59.         </div>
  60.     {% endif %}
  62.     {% if theme_config('dmf-social-media-enable') %}
  63.         <div class="col-md-{{ footerCol }} order-md-4 footer-column footer-social-column">
  65.             {% block layout_footer_navigation_hotline_headline_2 %}
  66.                 <div class="d-inline-block d-md-block pr-3 pr-md-0 footer-column-headline footer-headline">
  67.                     Probefahrt
  68.                 </div>
  69.                 <div class="d-inline-block d-md-flex footer-column-content footer-social-content">
  71.                     <ul class="list-unstyled">
  72.                         <li><a href="https://testride.ktm.com/enterByCountry/de-DE">KTM Probefahrt vereinbaren</a></li>
  73.                         <li><a href="https://testride.husqvarna-motorcycles.com/enterByCountry/de-DE">Husqvarna
  74.                                 Probefahrt vereinbaren</a></li>
  75.                         <li><a href="https://testride.gasgas.com/enterByCountry/de-DE">GASGAS Probefahrt vereinbaren</a>
  76.                         </li>
  77.                     </ul>
  78.                 </div>
  79.                 <div class="d-inline-block d-md-block pr-3 pr-md-0 footer-column-headline footer-headline">
  80.                     Konfigurator
  81.                 </div>
  82.                 <div class="d-inline-block d-md-flex footer-column-content footer-social-content">
  83.                     <ul class="list-unstyled">
  84.                         <li><a href=" https://configurator.ktm.com/main/">KTM Konfigurator</a></li>
  85.                         <li><a href="https://configurator.husqvarna-motorcycles.com/main/">Husqvarna
  86.                                 Konfigurator</a></li>
  87.                         <li><a href="https://configurator.gasgas.com/main/">GASGAS Konfigurator</a>
  88.                         </li>
  89.                     </ul>
  90.                 </div>
  91.             {% endblock %}
  92.         </div>
  93.     {% endif %}
  94. {% endblock %}
  96. {% block layout_footer_navigation_column %}
  97.     {% set footerCol = theme_config('dmf-footer-columns') %}
  99.     <div class="col-md-{{ footerCol }} order-3 footer-column js-footer-column">
  100.         {% block layout_footer_navigation_information_headline %}
  101.             {{ parent() }}
  102.         {% endblock %}
  104.         {% block layout_footer_navigation_information_content %}
  105.             {{ parent() }}
  106.         {% endblock %}
  107.     </div>
  108.     {% block layout_footer_navigation_column_logos %}
  109.         <div class="col-md-3 order-4 footer-column js-footer-column">
  110.             {% block layout_footer_payment_shipping_logos_sturm %}
  111.                 {% if theme_config('dmf-shipping-logos-enable') or theme_config('dmf-payment-logos-enable') %}
  112.                     <div id="footerColumnsLogos" class="row footer-columns" data-collapse-footer="true">
  113.                         {% if theme_config('dmf-shipping-logos-enable') %}
  114.                             {% block layout_footer_shipping_logos %}
  115.                                 <div class="col-md-12 footer-column js-footer-column footer-shipping-column">
  116.                                     <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  117.                                          id="collapseFooterShippingTitle" data-target="#collapseFooterShipping"
  118.                                          aria-expanded="true"
  119.                                          aria-controls="collapseFooterShipping">
  120.                                         {{ 'footer.shippingHeadline'|trans|sw_sanitize }}
  121.                                         <div class="footer-column-toggle">
  122.                                 <span class="footer-plus-icon">
  123.                                     {% sw_icon 'plus' %}
  124.                                 </span>
  125.                                             <span class="footer-minus-icon">
  126.                                     {% sw_icon 'minus' %}
  127.                                 </span>
  128.                                         </div>
  129.                                     </div>
  130.                                     <div id="collapseFooterShipping"
  131.                                          class="footer-column-content collapse js-footer-column-content footer-shipping"
  132.                                          aria-labelledby="collapseFooterShippingTitle">
  133.                                         <div class="footer-column-content-inner row">
  134.                                             {% for shippingMethod in page.salesChannelShippingMethods %}
  135.                                                 {% block layout_footer_shipping_logo %}
  136.                                                     {% if shippingMethod.media %}
  137.                                                         <div class="footer-logo is-shipping col-2">
  138.                                                             {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  139.                                                                 media: shippingMethod.media,
  140.                                                                 sizes: {
  141.                                                                     'default': '100px'
  142.                                                                 },
  143.                                                                 attributes: {
  144.                                                                     'class': 'img-fluid footer-logo-image',
  145.                                                                     'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  146.                                                                     'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  147.                                                                 }
  148.                                                             } %}
  149.                                                         </div>
  150.                                                     {% endif %}
  151.                                                 {% endblock %}
  152.                                             {% endfor %}
  153.                                         </div>
  154.                                     </div>
  155.                                 </div>
  156.                             {% endblock %}
  157.                         {% endif %}
  159.                         {% if theme_config('dmf-payment-logos-enable') %}
  160.                             {% block layout_footer_payment_logos %}
  161.                                 <div class="col-md-12 footer-column js-footer-column footer-payment-column">
  162.                                     <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  163.                                          id="collapseFooterPaymentTitle" data-target="#collapseFooterPayment"
  164.                                          aria-expanded="true"
  165.                                          aria-controls="collapseFooterPayment">
  166.                                         {{ 'footer.paymentHeadline'|trans|sw_sanitize }}
  167.                                         <div class="footer-column-toggle">
  168.                                 <span class="footer-plus-icon">
  169.                                     {% sw_icon 'plus' %}
  170.                                 </span>
  171.                                             <span class="footer-minus-icon">
  172.                                     {% sw_icon 'minus' %}
  173.                                 </span>
  174.                                         </div>
  175.                                     </div>
  176.                                     <div id="collapseFooterPayment"
  177.                                          class="footer-column-content collapse js-footer-column-content footer-payment"
  178.                                          aria-labelledby="collapseFooterPaymentTitle">
  179.                                         <div class="footer-column-content-inner row">
  180.                                             {% for paymentMethod in page.salesChannelPaymentMethods %}
  181.                                                 {% block layout_footer_payment_logo %}
  182.                                                     {% if paymentMethod.media %}
  183.                                                         <div class="footer-logo is-payment col-2">
  184.                                                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  185.                                                                 media: paymentMethod.media,
  186.                                                                 sizes: {
  187.                                                                     'default': '100px'
  188.                                                                 },
  189.                                                                 attributes: {
  190.                                                                     'class': 'img-fluid footer-logo-image',
  191.                                                                     'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  192.                                                                     'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  193.                                                                 }
  194.                                                             } %}
  195.                                                         </div>
  196.                                                     {% endif %}
  197.                                                 {% endblock %}
  198.                                             {% endfor %}
  199.                                         </div>
  200.                                     </div>
  201.                                 </div>
  202.                             {% endblock %}
  203.                         {% endif %}
  204.                     </div>
  205.                 {% endif %}
  206.             {% endblock %}
  207.         </div>
  208.     {% endblock %}
  209. {% endblock %}
  210. {% block layout_footer_service_menu %}{% endblock %}
  212. {% block layout_footer_copyright %}
  213.     <div class="footer-copyright">
  214.         &copy; {{ "now"|date("Y") }} Zweirad Sturm GmbH
  215.     </div>
  216. {% endblock %}
  218. {% block layout_footer_payment_shipping_logos %}
  219. {% endblock %}