vendor/shopware/storefront/Resources/views/storefront/layout/footer/footer.html.twig line 1

  1. {% block layout_footer_inner_container %}
  2.     <div class="container">
  4.         {% block layout_footer_navigation %}
  5.             <div
  6.                 id="footerColumns"
  7.                 class="row footer-columns"
  8.                 {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-collapse-footer" is deprecated. Use "data-collapse-footer-columns" instead #}
  9.                 {% if feature('v6.6.0.0') %}
  10.                     data-collapse-footer-columns="true"
  11.                 {% else %}
  12.                     data-collapse-footer="true"
  13.                 {% endif %}
  14.                 role="list"
  15.             >
  16.                 {% block layout_footer_navigation_hotline %}
  17.                     <div class="col-md-4 footer-column js-footer-column">
  18.                         {% block layout_footer_navigation_hotline_headline %}
  19.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  20.                                  id="collapseFooterHotlineTitle"
  21.                                  data-bs-target="#collapseFooterHotline"
  22.                                  aria-expanded="true"
  23.                                  aria-controls="collapseFooterHotline"
  24.                                  role="listitem">
  25.                                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  26.                                 {% block layout_footer_navigation_hotline_icons %}
  27.                                     <div class="footer-column-toggle">
  28.                                         <span class="footer-plus-icon">
  29.                                             {% sw_icon 'plus' %}
  30.                                         </span>
  31.                                         <span class="footer-minus-icon">
  32.                                             {% sw_icon 'minus' %}
  33.                                         </span>
  34.                                     </div>
  35.                                 {% endblock %}
  36.                             </div>
  37.                         {% endblock %}
  39.                         {% block layout_footer_navigation_hotline_content %}
  40.                             <div id="collapseFooterHotline"
  41.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  42.                                  aria-labelledby="collapseFooterHotlineTitle">
  43.                                 <div class="footer-column-content-inner">
  44.                                     <p class="footer-contact-hotline">
  45.                                         {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  46.                                     </p>
  47.                                 </div>
  48.                                 <div class="footer-contact-form">
  49.                                     {{ 'footer.serviceContactText'|trans({
  50.                                         '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  51.                                     })|raw }}
  52.                                 </div>
  53.                             </div>
  54.                         {% endblock %}
  55.                     </div>
  56.                 {% endblock %}
  58.                 {% block layout_footer_navigation_columns %}
  59.                     {% for root in page.footer.navigation.tree %}
  60.                         {% block layout_footer_navigation_column %}
  61.                             <div class="col-md-4 footer-column js-footer-column">
  62.                                 {% block layout_footer_navigation_information_headline %}
  63.                                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  64.                                          data-bs-target="#collapseFooterTitle{{ loop.index }}"
  65.                                          aria-expanded="true"
  66.                                          aria-controls="collapseFooter{{ loop.index }}">
  68.                                         {% if root.category.type == 'folder' %}
  69.                                             {{ root.category.translated.name }}
  70.                                         {% else %}
  71.                                             <a href="{{ category_url(root.category) }}"
  72.                                                {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  73.                                                title="{{ root.category.translated.name }}">
  74.                                                 {{ root.category.translated.name }}
  75.                                             </a>
  76.                                         {% endif %}
  77.                                         {% block layout_footer_navigation_information_icons %}
  78.                                             <div class="footer-column-toggle">
  79.                                                 <span class="footer-plus-icon">
  80.                                                     {% sw_icon 'plus' %}
  81.                                                 </span>
  82.                                                 <span class="footer-minus-icon">
  83.                                                     {% sw_icon 'minus' %}
  84.                                                 </span>
  85.                                             </div>
  86.                                         {% endblock %}
  87.                                     </div>
  88.                                 {% endblock %}
  90.                                 {% block layout_footer_navigation_information_content %}
  91.                                     <div id="collapseFooter{{ loop.index }}"
  92.                                          class="footer-column-content collapse js-footer-column-content"
  93.                                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  94.                                         <div class="footer-column-content-inner">
  95.                                             {% block layout_footer_navigation_information_links %}
  96.                                                 <ul class="list-unstyled">
  97.                                                     {% for treeItem in root.children %}
  98.                                                         {% set category = treeItem.category %}
  99.                                                         {% set name = category.translated.name %}
  101.                                                         {% block layout_footer_navigation_information_link_item %}
  102.                                                             <li class="footer-link-item">
  103.                                                                 {% block layout_footer_navigation_information_link %}
  104.                                                                     {% if category.type == 'folder' %}
  105.                                                                         <div>{{ name }}</div>
  106.                                                                     {% else %}
  107.                                                                         <a class="footer-link"
  108.                                                                            href="{{ category_url(category) }}"
  109.                                                                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  110.                                                                            title="{{ name }}">
  111.                                                                             {{ name }}
  112.                                                                         </a>
  113.                                                                     {% endif %}
  114.                                                                 {% endblock %}
  115.                                                             </li>
  116.                                                         {% endblock %}
  117.                                                     {% endfor %}
  118.                                                 </ul>
  119.                                             {% endblock %}
  120.                                         </div>
  121.                                     </div>
  122.                                 {% endblock %}
  123.                             </div>
  124.                         {% endblock %}
  125.                     {% endfor %}
  126.                 {% endblock %}
  127.             </div>
  128.         {% endblock %}
  130.         {% block layout_footer_payment_shipping_logos %}
  131.             <div class="footer-logos">
  132.                 {% block layout_footer_payment_logos %}
  133.                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  134.                         {% block layout_footer_payment_logo %}
  135.                             {% if paymentMethod.media %}
  136.                                 <div class="footer-logo is-payment">
  137.                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  138.                                         media: paymentMethod.media,
  139.                                         sizes: {
  140.                                             'default': '100px'
  141.                                         },
  142.                                         attributes: {
  143.                                             'class': 'img-fluid footer-logo-image',
  144.                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  145.                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  146.                                         }
  147.                                     } %}
  148.                                 </div>
  149.                             {% endif %}
  150.                         {% endblock %}
  151.                     {% endfor %}
  152.                 {% endblock %}
  154.                 {% block layout_footer_shipping_logos %}
  155.                     {% for shippingMethod in page.salesChannelShippingMethods %}
  156.                         {% block layout_footer_shipping_logo %}
  157.                             {% if shippingMethod.media %}
  158.                                 <div class="footer-logo is-shipping">
  159.                                     {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  160.                                         media: shippingMethod.media,
  161.                                         sizes: {
  162.                                             'default': '100px'
  163.                                         },
  164.                                         attributes: {
  165.                                             'class': 'img-fluid footer-logo-image',
  166.                                             'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  167.                                             'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  168.                                         }
  169.                                     } %}
  170.                                 </div>
  171.                             {% endif %}
  172.                         {% endblock %}
  173.                     {% endfor %}
  174.                 {% endblock %}
  175.             </div>
  176.         {% endblock %}
  178.     </div>
  180.     {% block layout_footer_bottom %}
  181.         <div class="footer-bottom">
  182.             {% block layout_footer_service_menu %}
  183.                 <div class="container">
  184.                     {% block layout_footer_service_menu_content %}
  185.                         {% apply spaceless %}
  186.                             <ul class="footer-service-menu-list list-unstyled">
  187.                                 {% for serviceMenuItem in page.header.serviceMenu %}
  188.                                     {% block layout_footer_service_menu_item %}
  189.                                         <li class="footer-service-menu-item">
  190.                                             <a class="footer-service-menu-link"
  191.                                                href="{{ category_url(serviceMenuItem) }}"
  192.                                                {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  193.                                                title="{{ serviceMenuItem.translated.name }}">
  194.                                                 {{ serviceMenuItem.translated.name }}
  195.                                             </a>
  196.                                         </li>
  197.                                     {% endblock %}
  198.                                 {% endfor %}
  199.                             </ul>
  200.                         {% endapply %}
  201.                     {% endblock %}
  202.                 </div>
  203.             {% endblock %}
  205.             {% block layout_footer_vat %}
  206.                 <div class="footer-vat">
  207.                     {% if context.taxState == "gross" %}
  208.                         <p>
  209.                             {{ "footer.includeVatText"|trans({
  210.                                 '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  211.                             })|raw }}
  212.                         </p>
  213.                     {% else %}
  214.                         <p>
  215.                             {{ "footer.excludeVatText"|trans({
  216.                                 '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  217.                             })|raw }}
  218.                         </p>
  219.                     {% endif %}
  220.                 </div>
  221.             {% endblock %}
  223.             {% block layout_footer_copyright %}
  224.                 <div class="footer-copyright">
  225.                     {% sw_icon 'shopware' style {'size':'xs'} %}
  226.                     {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  227.                 </div>
  228.             {% endblock %}
  229.         </div>
  230.     {% endblock %}
  231. {% endblock %}