custom/plugins/SchilderSysteme/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.     <div class="col-md-3 footer-column js-footer-column">
  5.         {% block layout_footer_navigation_hotline_headline %}
  6.             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  7.                  id="collapseFooterHotlineTitle" data-target="#collapseFooterHotline" aria-expanded="true"
  8.                  aria-controls="collapseFooterHotline">
  9.                 {{ 'footer.contactHeadline'|trans|sw_sanitize }}
  10.                 {% block layout_footer_navigation_hotline_icons %}
  11.                     <div class="footer-column-toggle">
  12.                         <span class="footer-plus-icon">
  13.                             {% sw_icon 'plus' %}
  14.                         </span>
  15.                         <span class="footer-minus-icon">
  16.                             {% sw_icon 'minus' %}
  17.                         </span>
  18.                     </div>
  19.                 {% endblock %}
  20.             </div>
  21.         {% endblock %}
  22.         {% block layout_footer_navigation_hotline_content %}
  23.             {% set email =  context.salesChannel.customFields.custom_sales_channel_email %}
  24.             {% set phone = context.salesChannel.customFields.custom_sales_channel_phone %}
  26.             <div id="collapseFooterHotline"
  27.                  class="footer-column-content collapse js-footer-column-content footer-contact"
  28.                  aria-labelledby="collapseFooterHotlineTitle">
  29.                 <div class="footer-column-content-inner">
  30.                     <div class="footer-contact-box">
  31.                         <a href="tel: {{ phone }}"
  32.                            onclick="return gtag_report_conversion_tel('tel:{{ phone }}');" class="tel">
  33.                             <i>{% sw_icon 'phone' style {
  34.                                     'namespace': 'Tuerschild_2',
  35.                                 } %}
  36.                             </i> {{ phone }}
  37.                         </a>
  38.                         <a href="mailto:{{ email }}"
  39.                            onclick="return gtag_report_conversion_mailto('{{ email }}');"
  40.                            class="mail">{% sw_icon 'envelope' %} {{ email }}</a>
  41.                         <div>
  42.                             {{ 'footer.serviceTimes'|trans|sw_sanitize }}
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.         {% endblock %}
  48.     </div>
  49. {% endblock %}
  51. {% block layout_footer_navigation_columns %}
  52.     {% for root in page.footer.navigation.tree %}
  53.         {% block layout_footer_navigation_column %}
  54.             <div class="col-md-3 footer-column js-footer-column">
  55.                 {% block layout_footer_navigation_information_headline %}
  56.                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  57.                          data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true"
  58.                          aria-controls="collapseFooter{{ loop.index }}">
  59.                         {% if root.category.externalLink %}
  60.                             <a href="{{ root.category.externalLink }}">
  61.                                 {{ root.category.translated.name }}</a>
  62.                         {% else %}
  63.                             {{ root.category.translated.name }}
  64.                         {% endif %}
  66.                         {% block layout_footer_navigation_information_icons %}
  67.                             <div class="footer-column-toggle">
  68.                                 <span class="footer-plus-icon">
  69.                                     {% sw_icon 'plus' %}
  70.                                 </span>
  71.                                 <span class="footer-minus-icon">
  72.                                     {% sw_icon 'minus' %}
  73.                                 </span>
  74.                             </div>
  75.                         {% endblock %}
  76.                     </div>
  78.                 {% endblock %}
  79.                 {% block layout_footer_navigation_information_content %}
  80.                     <div id="collapseFooter{{ loop.index }}"
  81.                          class="footer-column-content collapse js-footer-column-content"
  82.                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  83.                         <div class="footer-column-content-inner">
  84.                             {% block layout_footer_navigation_information_links %}
  85.                                 <ul class="list-unstyled">
  86.                                     {% for treeItem in root.children %}
  87.                                         {% set category = treeItem.category %}
  88.                                         {% set name = category.translated.name %}
  89.                                         {% set externalLink = category.translated.externalLink %}
  90.                                         {% block layout_footer_navigation_information_link_item %}
  93.                                             <li class="footer-link-item">
  94.                                                 {% block layout_footer_navigation_information_link %}
  95.                                                     <a class="footer-link"
  96.                                                        href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  97.                                                        title="{{ name }}">
  98.                                                         {% sw_icon 'arrow_left'  style {
  99.                                                             'namespace': 'Tuerschild_2',
  100.                                                         } %}
  102.                                                         {{ name }}
  103.                                                     </a>
  104.                                                 {% endblock %}
  105.                                             </li>
  106.                                         {% endblock %}
  107.                                     {% endfor %}
  108.                                 </ul>
  109.                             {% endblock %}
  110.                         </div>
  111.                     </div>
  112.                 {% endblock %}
  113.                 {% block layout_footer_payment_logos %}
  114.                 {% endblock %}
  115.             </div>
  116.         {% endblock %}
  117.     {% endfor %}
  118. {% endblock %}
  120. {% block layout_footer_payment_shipping_logos %}
  121.     <div class="footer-payments">
  122.         {% block layout_footer_payment_logos_custom %}
  123.             {% for paymentMethod in page.salesChannelPaymentMethods %}
  124.                 {% block layout_footer_payment_logo_custom %}
  125.                     <div class="footer-logo is-payment" title="{{ paymentMethod.translated.name }}">
  126.                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  127.                             media: paymentMethod.media,
  128.                             sizes: {
  129.                                 'default': '100px'
  130.                             },
  131.                             attributes: {
  132.                                 'class': 'img-fluid footer-logo-image',
  133.                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  134.                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  135.                             }
  136.                         } %}
  137.                     </div>
  138.                 {% endblock %}
  139.             {% endfor %}
  140.         {% endblock %}
  141.     </div>
  144. {% endblock %}
  145. {% block layout_footer_bottom %}{% endblock %}