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

Open in your IDE?
  1. {% block layout_footer_inner_container %}
  2.     {% block layout_footer_navigation %}
  3.         <div id="footerColumns"
  4.              class="row footer-columns"
  5.              data-collapse-footer="true">
  6.             {% block layout_footer_navigation_hotline %}
  7.                 <div class="col-md-4 footer-column js-footer-column">
  8.                     {% block layout_footer_navigation_hotline_headline %}
  9.                         <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  10.                              id="collapseFooterHotlineTitle"
  11.                              data-target="#collapseFooterHotline"
  12.                              aria-expanded="true"
  13.                              aria-controls="collapseFooterHotline">
  14.                             {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  15.                             {% block layout_footer_navigation_hotline_icons %}
  16.                                 <div class="footer-column-toggle">
  17.                                     <span class="footer-plus-icon">
  18.                                         {% sw_icon 'plus' %}
  19.                                     </span>
  20.                                     <span class="footer-minus-icon">
  21.                                         {% sw_icon 'minus' %}
  22.                                     </span>
  23.                                 </div>
  24.                             {% endblock %}
  25.                         </div>
  26.                     {% endblock %}
  28.                     {% block layout_footer_navigation_hotline_content %}
  29.                         <div id="collapseFooterHotline"
  30.                              class="footer-column-content collapse js-footer-column-content footer-contact"
  31.                              aria-labelledby="collapseFooterHotlineTitle">
  32.                             <div class="footer-column-content-inner">
  33.                                 <p class="footer-contact-hotline">
  34.                                     {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  35.                                 </p>
  36.                             </div>
  37.                             <div class="footer-contact-form">
  38.                                 {{ 'footer.serviceContactLink'|trans({
  39.                                     '%url%': path('frontend.cms.page', { id: shopware.config.core.basicInformation.contactPage })
  40.                                 })|raw }}
  41.                             </div>
  42.                         </div>
  43.                     {% endblock %}
  44.                 </div>
  45.             {% endblock %}
  47.             {% block layout_footer_navigation_columns %}
  48.                 {% for root in page.footer.navigation.tree %}
  49.                     {% block layout_footer_navigation_column %}
  50.                         <div class="col-md-4 footer-column js-footer-column">
  51.                             {% block layout_footer_navigation_information_headline %}
  52.                                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  53.                                      data-target="#collapseFooterTitle{{ loop.index }}"
  54.                                      aria-expanded="true"
  55.                                      aria-controls="collapseFooter{{ loop.index }}">
  57.                                     {{ root.category.translated.name }}
  58.                                     {% block layout_footer_navigation_information_icons %}
  59.                                         <div class="footer-column-toggle">
  60.                                             <span class="footer-plus-icon">
  61.                                                 {% sw_icon 'plus' %}
  62.                                             </span>
  63.                                             <span class="footer-minus-icon">
  64.                                                 {% sw_icon 'minus' %}
  65.                                             </span>
  66.                                         </div>
  67.                                     {% endblock %}
  68.                                 </div>
  69.                             {% endblock %}
  71.                             {% block layout_footer_navigation_information_content %}
  72.                                 <div id="collapseFooter{{ loop.index }}"
  73.                                      class="footer-column-content collapse js-footer-column-content"
  74.                                      aria-labelledby="collapseFooterTitle{{ loop.index }}">
  75.                                     <div class="footer-column-content-inner">
  76.                                         {% block layout_footer_navigation_information_links %}
  77.                                             <ul class="list-unstyled">
  78.                                                 {% for treeItem in root.children %}
  79.                                                     {% set category = treeItem.category %}
  80.                                                     {% set name = category.translated.name %}
  81.                                                     {% set externalLink = category.translated.externalLink %}
  82.                                                     {% block layout_footer_navigation_information_link_item %}
  83.                                                         <li class="footer-link-item">
  84.                                                             {% block layout_footer_navigation_information_link %}
  85.                                                                 <a class="footer-link"
  86.                                                                    href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  87.                                                                    title="{{ name }}">
  88.                                                                     {{ name }}
  89.                                                                 </a>
  90.                                                             {% endblock %}
  91.                                                         </li>
  92.                                                     {% endblock %}
  93.                                                 {% endfor %}
  94.                                             </ul>
  95.                                         {% endblock %}
  96.                                     </div>
  97.                                 </div>
  98.                             {% endblock %}
  99.                         </div>
  100.                     {% endblock %}
  101.                 {% endfor %}
  102.             {% endblock %}
  103.         </div>
  104.     {% endblock %}
  106.     {% block layout_footer_payment_shipping_logos %}
  107.         <div class="footer-logos">
  108.             {% block layout_footer_payment_logos %}
  109.                 {% for paymentMethod in page.salesChannelPaymentMethods %}
  110.                     {% block layout_footer_payment_logo %}
  111.                         {% if paymentMethod.media %}
  112.                             <div class="footer-logo is-payment">
  113.                                 {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  114.                                     media: paymentMethod.media,
  115.                                     sizes: {
  116.                                         'default': '100px'
  117.                                     },
  118.                                     attributes: {
  119.                                         'class': 'img-fluid footer-logo-image',
  120.                                         'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  121.                                         'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  122.                                     }
  123.                                 } %}
  124.                             </div>
  125.                         {% endif %}
  126.                     {% endblock %}
  127.                 {% endfor %}
  128.             {% endblock %}
  130.             {% block layout_footer_shipping_logos %}
  131.                 {% for shippingMethod in page.salesChannelShippingMethods %}
  132.                     {% block layout_footer_shipping_logo %}
  133.                         {% if shippingMethod.media %}
  134.                             <div class="footer-logo is-shipping">
  135.                                 {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  136.                                     media: shippingMethod.media,
  137.                                     sizes: {
  138.                                         'default': '100px'
  139.                                     },
  140.                                     attributes: {
  141.                                         'class': 'img-fluid footer-logo-image',
  142.                                         'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  143.                                         'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  144.                                     }
  145.                                 } %}
  146.                             </div>
  147.                         {% endif %}
  148.                     {% endblock %}
  149.                 {% endfor %}
  150.             {% endblock %}
  151.         </div>
  152.     {% endblock %}
  154.     {% block layout_footer_bottom %}
  155.         <div class="footer-bottom">
  156.             {% block layout_footer_vat %}
  157.                 <div class="footer-vat">
  158.                     {% if context.taxState == "gross" %}
  159.                         <p>{{ "footer.includeVat"|trans|sw_sanitize }}</p>
  160.                     {% else %}
  161.                         <p>{{ "footer.excludeVat"|trans|sw_sanitize }}</p>
  162.                     {% endif %}
  163.                 </div>
  164.             {% endblock %}
  166.             {% block layout_footer_service_menu %}
  167.                 <div class="container">
  168.                     {% block layout_footer_service_menu_content %}
  169.                         <ul class="footer-service-menu-list list-unstyled">
  170.                             {% for serviceMenuItem in page.header.serviceMenu %}
  171.                                 {% block layout_footer_service_menu_item %}
  172.                                     <li class="footer-service-menu-item">
  173.                                         <a class="footer-service-menu-link"
  174.                                            href="{% if serviceMenuItem.externalLink %}{{ serviceMenuItem.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: serviceMenuItem.id }) }}{% endif %}"
  175.                                            title="{{ serviceMenuItem.translated.name }}">
  176.                                             {{ serviceMenuItem.translated.name }}
  177.                                         </a>
  178.                                     </li>
  179.                                 {% endblock %}
  180.                             {% endfor %}
  181.                         </ul>
  182.                     {% endblock %}
  183.                 </div>
  184.             {% endblock %}
  186.             {% block layout_footer_copyright %}
  187.                 <div class="footer-copyright">
  188.                     {% sw_icon 'shopware' style {'size':'xs'} %}
  189.                     {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  190.                 </div>
  191.             {% endblock %}
  192.         </div>
  193.     {% endblock %}
  194. {% endblock %}