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

Open in your IDE?
  1. {% block layout_footer_inner_container %}
  2.     <div class="container">
  4.         {% block layout_footer_navigation %}
  5.             <div id="footerColumns"
  6.                  class="row footer-columns"
  7.                  data-collapse-footer="true">
  9.                 {% block layout_footer_navigation_columns %}
  10.                     {% for root in page.footer.navigation.tree %}
  11.                         {% block layout_footer_navigation_column %}
  12.                             <div class="col-md-2 col-sm-12 footer-column js-footer-column">
  13.                                 {% block layout_footer_navigation_information_headline %}
  14.                                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  15.                                          data-target="#collapseFooterTitle{{ loop.index }}"
  16.                                          aria-expanded="true"
  17.                                          aria-controls="collapseFooter{{ loop.index }}">
  19.                                         {{ root.category.translated.name }}
  20.                                         {% block layout_footer_navigation_information_icons %}
  21.                                             <div class="footer-column-toggle">
  22.                                             <span class="footer-plus-icon">
  23.                                                 {% sw_icon 'plus' %}
  24.                                             </span>
  25.                                                 <span class="footer-minus-icon">
  26.                                                 {% sw_icon 'minus' %}
  27.                                             </span>
  28.                                             </div>
  29.                                         {% endblock %}
  30.                                     </div>
  31.                                 {% endblock %}
  33.                                 {% block layout_footer_navigation_information_content %}
  34.                                     <div id="collapseFooter{{ loop.index }}"
  35.                                          class="footer-column-content collapse js-footer-column-content"
  36.                                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  37.                                         <div class="footer-column-content-inner">
  38.                                             {% block layout_footer_navigation_information_links %}
  39.                                                 <ul class="list-unstyled">
  40.                                                     {% for treeItem in root.children %}
  41.                                                         {% set category = treeItem.category %}
  42.                                                         {% set name = category.translated.name %}
  43.                                                         {% set externalLink = category.translated.externalLink %}
  44.                                                         {% block layout_footer_navigation_information_link_item %}
  45.                                                             <li class="footer-link-item">
  46.                                                                 {% block layout_footer_navigation_information_link %}
  47.                                                                     <a class="footer-link"
  48.                                                                        href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  49.                                                                        title="{{ name }}">
  50.                                                                         {{ name }}
  51.                                                                     </a>
  52.                                                                 {% endblock %}
  53.                                                             </li>
  54.                                                         {% endblock %}
  55.                                                     {% endfor %}
  56.                                                 </ul>
  57.                                             {% endblock %}
  58.                                         </div>
  59.                                     </div>
  60.                                 {% endblock %}
  61.                             </div>
  62.                         {% endblock %}
  63.                     {% endfor %}
  64.                 {% endblock %}
  66.                 {% block layout_footer_navigation_hotline %}
  67.                     <div class="col-md-3 footer-column js-footer-column">
  68.                         {% block layout_footer_navigation_hotline_headline %}
  69.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  70.                                  id="collapseFooterHotlineTitle"
  71.                                  data-target="#collapseFooterHotline"
  72.                                  aria-expanded="true"
  73.                                  aria-controls="collapseFooterHotline">
  74.                                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  75.                                 {% block layout_footer_navigation_hotline_icons %}
  76.                                     <div class="footer-column-toggle">
  77.                                     <span class="footer-plus-icon">
  78.                                         {% sw_icon 'plus' %}
  79.                                     </span>
  80.                                         <span class="footer-minus-icon">
  81.                                         {% sw_icon 'minus' %}
  82.                                     </span>
  83.                                     </div>
  84.                                 {% endblock %}
  85.                             </div>
  86.                         {% endblock %}
  88.                         {% block layout_footer_navigation_hotline_content %}
  89.                             <div id="collapseFooterHotline"
  90.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  91.                                  aria-labelledby="collapseFooterHotlineTitle">
  92.                                 <div class="footer-column-content-inner">
  93.                                     <p class="footer-contact-hotline">
  94.                                         {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  95.                                     </p>
  96.                                 </div>
  97.                             </div>
  98.                         {% endblock %}
  99.                     </div>
  100.                 {% endblock %}
  101.             </div>
  102.         {% endblock %}
  104.         {% block layout_footer_icon_bar %}
  105.             <div class="footer-icons-bar">
  106.                 <div class="row">
  107.                     <div class="col-md-4">
  108.                         <div class="icon-bar-headline">
  109.                             Zahlungsarten
  110.                         </div>
  111.                         <ul>
  112.                             <li>
  113.                                 <a href="/kundenservice/zahlungsarten/">
  114.                                     <img src="{{ asset('assets/images/paypal-alternative.png', "@AmMacTrade") }}" alt="PayPal">
  115.                                 </a>
  116.                             </li>
  117.                             <li>
  118.                                 <a href="/kundenservice/zahlungsarten/">
  119.                                     <img src="/media/6a/60/01/1637331379/mastercard.png" alt="Mastercard">
  120.                                 </a>
  121.                             </li>
  122.                             <li>
  123.                                 <a href="/kundenservice/zahlungsarten/">
  124.                                     <img src="/media/79/27/52/1637331379/visa.png" alt="Visa">
  125.                                 </a>
  126.                             </li>
  127.                             <li>
  128.                                 <a href="/kundenservice/zahlungsarten/">
  129.                                     <img src="{{ asset('assets/images/targo_logo.png', "@AmMacTrade") }}" alt="Targo">
  130.                                     {#<img src="{{ asset('assets/images/santander.png', "@AmMacTrade") }}" alt="Santander"> #}
  131.                                 </a>
  132.                             </li>
  133.                             <li>
  134.                                 <a href="/kundenservice/zahlungsarten/">
  135.                                     <img src="/media/8a/b8/cb/1637331379/applepay.png" alt="Apple Pay">
  136.                                 </a>
  137.                             </li>
  138.                             <li>
  139.                                 {#<a href="/kundenservice/zahlungsarten/">
  140.                                     <img src="{{ asset('assets/images/santander-direktueberweisung.png', "@AmMacTrade") }}" alt="Santander Direktüberweisung">
  141.                                 </a>#}
  142.                                 <a href="/kundenservice/zahlungsarten/">
  143.                                     <img src="{{ asset('assets/images/ivy-payment.png', "@AmMacTrade") }}" alt="IVY Ecosia">
  144.                                 </a>
  145.                             </li>
  146.                             <li>
  147.                                 <a href="/kundenservice/zahlungsarten/">
  148.                                     <img src="{{ asset('assets/images/vorkasse.png', "@AmMacTrade") }}" alt="Vorkasse">
  149.                                 </a>
  150.                             </li>
  151.                             <li>
  152.                                 <a href="/kundenservice/zahlungsarten/">
  153.                                     <img src="{{ asset('assets/images/dhl-cod.png', "@AmMacTrade") }}" alt="Nachname">
  154.                                 </a>
  155.                             </li>
  156.                             {#<li>
  157.                                 <a href="/kundenservice/zahlungsarten/">
  158.                                     <img src="{{ asset('assets/images/klarna-sofort.png', "@AmMacTrade") }}" alt="Sofortüberweisung">
  159.                                 </a>
  160.                             </li>#}
  161.                         </ul>
  162.                     </div>
  163.                     <div class="col-md-2">
  164.                         <div class="icon-bar-headline">
  165.                             Wir versenden mit
  166.                         </div>
  167.                         <ul>
  168.                             <li>
  169.                                 <a href="/kundenservice/versandkosten/">
  170.                                     <img src="{{ asset('assets/images/dhl.png', "@AmMacTrade") }}" alt="DHL">
  171.                                 </a>
  172.                             </li>
  173.                             <li>
  174.                                 <a href="/kundenservice/versandkosten/">
  175.                                     <img src="{{ asset('assets/images/go.png', "@AmMacTrade") }}" alt="Go">
  176.                                 </a>
  177.                             </li>
  178.                         </ul>
  179.                     </div>
  180.                     <div class="col-md-2">
  181.                         <div class="icon-bar-headline">
  182.                             Folge MacTrade.de
  183.                         </div>
  184.                         <ul>
  185.                             <li>
  186.                                 <a href="https://www.facebook.com/mactrade.de/" target="_blank">
  187.                                     <img src="{{ asset('assets/images/facebook.png', "@AmMacTrade") }}" alt="Facebook">
  188.                                 </a>
  189.                             </li>
  190.                             {#<li>
  191.                                 <a href="#" target="_blank">
  192.                                     <img src="{{ asset('assets/images/instagram.png', "@AmMacTrade") }}" alt="Instagram">
  193.                                 </a>
  194.                             </li>#}
  195.                         </ul>
  196.                     </div>
  197.                     <div class="col-md-4">
  198.                         <div class="icon-bar-headline">
  199.                             Unsere Partner
  200.                         </div>
  201.                         <ul>
  202.                             <li>
  203.                                 <a href="https://www.billiger.de/shops/1386-mactrade-gmbh" target="_blank">
  204.                                     <img src="{{ asset('assets/images/billiger.png', "@AmMacTrade") }}" alt="billiger.de">
  205.                                 </a>
  206.                             </li>
  207.                             <li>
  208.                                 <a href="http://www.guenstiger.de/shop/rfdcx/info.html" target="_blank">
  209.                                     <img src="{{ asset('assets/images/guenstiger.png', "@AmMacTrade") }}" alt="guenstiger.de">
  210.                                 </a>
  211.                             </li>
  212.                             <li>
  213.                                 <a href="https://de.trustpilot.com/review/mactrade.de" target="_blank">
  214.                                     <img src="{{ asset('assets/images/trustpilot.png', "@AmMacTrade") }}" alt="Trustpilot">
  215.                                 </a>
  216.                             </li>
  217.                         </ul>
  218.                     </div>
  219.                 </div>
  220.             </div>
  221.         {% endblock %}
  223.         {% block layout_footer_payment_shipping_logos %}
  224.             {#
  225.             <div class="footer-logos">
  226.                 {% block layout_footer_payment_logos %}
  227.                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  228.                         {% block layout_footer_payment_logo %}
  229.                             {% if paymentMethod.media %}
  230.                                 <div class="footer-logo is-payment">
  231.                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  232.                                         media: paymentMethod.media,
  233.                                         sizes: {
  234.                                             'default': '100px'
  235.                                         },
  236.                                         attributes: {
  237.                                             'class': 'img-fluid footer-logo-image',
  238.                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  239.                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  240.                                         }
  241.                                     } %}
  242.                                 </div>
  243.                             {% endif %}
  244.                         {% endblock %}
  245.                     {% endfor %}
  246.                 {% endblock %}
  248.                 {% block layout_footer_shipping_logos %}
  249.                     {% for shippingMethod in page.salesChannelShippingMethods %}
  250.                         {% block layout_footer_shipping_logo %}
  251.                             {% if shippingMethod.media %}
  252.                                 <div class="footer-logo is-shipping">
  253.                                     {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  254.                                         media: shippingMethod.media,
  255.                                         sizes: {
  256.                                             'default': '100px'
  257.                                         },
  258.                                         attributes: {
  259.                                             'class': 'img-fluid footer-logo-image',
  260.                                             'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  261.                                             'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  262.                                         }
  263.                                     } %}
  264.                                 </div>
  265.                             {% endif %}
  266.                         {% endblock %}
  267.                     {% endfor %}
  268.                 {% endblock %}
  269.             </div>
  270.             #}
  271.         {% endblock %}
  273.     </div>
  275.     {% block layout_footer_bottom %}
  276.         <div class="footer-bottom">
  277.             {% block layout_footer_vat %}
  278.                 <div class="footer-vat">
  279.                     {% if context.taxState == "gross" %}
  280.                         <p>{{ "footer.includeVat"|trans|sw_sanitize }}</p>
  281.                     {% else %}
  282.                         <p>{{ "footer.excludeVat"|trans|sw_sanitize }}</p>
  283.                     {% endif %}
  284.                 </div>
  285.             {% endblock %}
  287.             {% block layout_footer_service_menu %}
  289.             {% endblock %}
  291.             {% block layout_footer_copyright %}
  292.                 <div class="footer-copyright">
  293.                     {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  294.                 </div>
  295.             {% endblock %}
  296.         </div>
  297.     {% endblock %}
  298. {% endblock %}