custom/plugins/eatperformance/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 %}
  4.     <div id="footerColumns"
  5.          class="row footer-columns"
  6.          data-collapse-footer="true">
  7.         {% block layout_footer_navigation_hotline %}
  8.             <div class="col-md-4 footer-column js-footer-column">
  9.                 {% block layout_footer_navigation_hotline_headline %}
  10.                     <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  11.                          id="collapseFooterHotlineTitle"
  12.                          data-target="#collapseFooterHotline"
  13.                          aria-expanded="true"
  14.                          aria-controls="collapseFooterHotline">
  15.                         {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  16.                         {% block layout_footer_navigation_hotline_icons %}
  17.                             <div class="footer-column-toggle">
  18.                                     <span class="footer-plus-icon">
  19.                                         {% sw_icon 'plus' %}
  20.                                     </span>
  21.                                 <span class="footer-minus-icon">
  22.                                         {% sw_icon 'minus' %}
  23.                                     </span>
  24.                             </div>
  25.                         {% endblock %}
  26.                     </div>
  27.                 {% endblock %}
  29.                 {% block layout_footer_navigation_hotline_content %}
  30.                     <div id="collapseFooterHotline"
  31.                          class="footer-column-content collapse js-footer-column-content footer-contact"
  32.                          aria-labelledby="collapseFooterHotlineTitle">
  33.                         <div class="footer-column-content-inner">
  34.                             <p class="footer-contact-hotline">
  35.                                 {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  36.                             </p>
  37.                         </div>
  38.                         <div class="footer-contact-form">
  39.                             {{ 'footer.serviceContactLink'|trans({
  40.                                 '%url%': path('frontend.cms.page', { id: shopware.config.core.basicInformation.contactPage })
  41.                             })|raw }}
  42.                         </div>
  43.                     </div>
  44.                 {% endblock %}
  45.             </div>
  47.             <div class="col-md-4 footer-column js-footer-column">
  48.                 <div class="social-icons-col">
  49.                     <ul class="social-icons-footer">
  50.                       <li class="fb-icon"><a href="https://www.facebook.com/eatperformance" class="social-icons" target="_blank"><img src="/media/8d/c5/a4/1612789549/facebook-scialmedia.png"></a></li>
  51.                       <li class="insta-icon"><a href="https://instagram.com/eatperformance/" class="social-icons" target="_blank"><img src="/media/9d/07/90/1612789550/instagram_socialmedia.png"></a></li>
  52.                       <li class="youtube-icon"><a href="https://www.youtube.com/channel/UCq_N21gdDKuCI3ACgTXruaQ" class="social-icons" target="_blank"><img src="/media/13/2e/6b/1612789543/youtube_socialmedia.png"></a></li>
  53.                       <li class="newsletter-icon"><a href="https://eat-performance.com/Menu/Newsletter/" class="social-icons" target="_blank"><img src="/media/89/0a/8e/1612789541/newsletter_socialmedia.png"></a></li>
  54.                     </ul>
  55.                 </div>
  56.             </div>
  58.             <div class="col-md-4 footer-column js-footer-column">
  59.                 <a href="#" class="dhl-icon"><img src="/media/0e/f3/92/1612789538/dhl-white-shipping.png" alt ="DHL" width="100px" height="25.3833px"></a>
  60.             </div>
  62.         {% endblock %}
  63.     </div>
  64. {% endblock %}
  66. {% block layout_footer_payment_shipping_logos %}
  67.     <div class="footer-logos">
  68.         <div class="col-md-6 footer-payment-column">
  69.             <div class="logos-footer-payment">
  70.                 <li><img class="img-fluid footer-zertifikat" src="/media/90/45/d7/1615303839/Paypal_Zeichenfla%CC%88che%201.png" alt="Paypal"></li>
  71.                 <li><img class="img-fluid footer-zertifikat" src="/media/bb/e2/c3/1615303839/Amazon-pay_Zeichenfla%CC%88che%201.png" alt="Amazon"></li>
  72.                 <li><img class="img-fluid footer-zertifikat" src="/media/a9/64/af/1615464269/Visa_Zeichenfla%CC%88che-2.png" alt="Visa"></li>
  73.                 <li><img class="img-fluid footer-zertifikat" src="/media/3e/b4/10/1615464938/Mastercard_Neu_Zeichenfl%C3%A4che-3.png" alt="Mastercard"></li>
  74.                 <li><img class="img-fluid footer-zertifikat" src="/media/89/c2/ab/1615463514/Rechnung_Zeichenfl%C3%A4che%201.png" alt="Rechnung"></li>
  75.             </div>
  76.         </div>
  77.         <div class="col-md-6 footer-badges-column">
  78.             <div class="logos-footer-right">
  79.                 <li><img class="img-fluid footer-zertifikat" src="/media/31/9f/72/1615303839/Paleo-logo.png" alt="Paleo"></li>
  80.                 <!-- <li><img class="img-fluid footer-zertifikat" src="/media/4c/ef/43/1615303839/bio-logo.png" alt="Bio Logo"></li> -->
  81.                 <li><img class="img-fluid footer-zertifikat" src="/media/87/37/f1/1615303839/natürlich-logo.png" alt="Natürliche Zutaten"></li>
  82.                 <!-- <li><img class="img-fluid footer-zertifikat" src="/media/81/96/ec/1615303839/eu-bio logo.png" alt="EU Bio Logo"></li> -->
  83.             </div>
  84.         </div>
  86.         {% block layout_footer_shipping_logos %}
  87.             {% for shippingMethod in page.salesChannelShippingMethods %}
  88.                 {% block layout_footer_shipping_logo %}
  89.                     {% if shippingMethod.media %}
  90.                         <div class="footer-logo is-shipping">
  91.                             {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  92.                                 media: shippingMethod.media,
  93.                                 sizes: {
  94.                                     'default': '100px'
  95.                                 },
  96.                                 attributes: {
  97.                                     'class': 'img-fluid footer-logo-image',
  98.                                     'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  99.                                     'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  100.                                 }
  101.                             } %}
  102.                         </div>
  103.                     {% endif %}
  104.                 {% endblock %}
  105.             {% endfor %}
  106.         {% endblock %}
  108.     </div>
  109. {% endblock %}
  111. {% block layout_footer_bottom %}
  112.     <div id="footerColumns2" class="row footer-bottom" data-collapse-footer="true">
  113.         {% block layout_footer_service_menu %}
  114.              {% block layout_footer_navigation_columns %}
  115.                     {% for root in page.footer.navigation.tree %}
  116.                         {% block layout_footer_navigation_column %}
  117.                             <div class="col-md-6 footer-column js-footer-column">
  118.                                 {% block layout_footer_navigation_information_headline %}
  119.                                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  120.                                          data-target="#collapseFooterTitle{{ loop.index }}"
  121.                                          aria-expanded="true"
  122.                                          aria-controls="collapseFooter{{ loop.index }}">
  124.                                         {{ root.category.translated.name }}
  126.                                         {% block layout_footer_navigation_information_icons %}
  127.                                             <div class="footer-column-toggle">
  128.                                             <span class="footer-plus-icon">
  129.                                                 {% sw_icon 'plus' %}
  130.                                             </span>
  131.                                                 <span class="footer-minus-icon">
  132.                                                 {% sw_icon 'minus' %}
  133.                                             </span>
  134.                                             </div>
  135.                                         {% endblock %}
  136.                                     </div>
  137.                                 {% endblock %}
  139.                                 {% block layout_footer_navigation_information_content %}
  140.                                     <div id="collapseFooter{{ loop.index }}"
  141.                                          class="footer-column-content collapse js-footer-column-content"
  142.                                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  143.                                         <div class="footer-column-content-inner">
  144.                                             {% block layout_footer_navigation_information_links %}
  145.                                                 <ul class="list-unstyled">
  146.                                                     {% for treeItem in root.children %}
  147.                                                         {% set category = treeItem.category %}
  148.                                                         {% set name = category.translated.name %}
  149.                                                         {% set externalLink = category.translated.externalLink %}
  150.                                                         {% block layout_footer_navigation_information_link_item %}
  151.                                                             <li class="footer-link-item">
  152.                                                                 {% block layout_footer_navigation_information_link %}
  153.                                                                     <a class="footer-link"
  154.                                                                        href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  155.                                                                        title="{{ name }}">
  156.                                                                         {{ name }}
  157.                                                                     </a>
  158.                                                                 {% endblock %}
  159.                                                             </li>
  160.                                                         {% endblock %}
  161.                                                     {% endfor %}
  162.                                                 </ul>
  163.                                             {% endblock %}
  165.                                             <span class="cus-footer-text">* Alle Preise inkl. MwSt zzgl. Versandkosten</span>
  166.                                         </div>
  167.                                     </div>
  168.                                 {% endblock %}
  169.                             </div>
  170.                         {% endblock %}
  171.                     {% endfor %}
  172.                 {% endblock %}
  173.         {% endblock %}
  174.     </div>
  175.     <div class="col-12 footer-image">
  176.         <img src="/media/0b/69/g0/1612789560/eat-footer-products.png">
  177.     </div>
  178. {% endblock %}