custom/plugins/AtmosTheme/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' %}
  2. {% block layout_footer_navigation_hotline %}     
  3.     <div class="col-md-12 col-lg-3 footer-column js-footer-column">
  4.         <div class="footer-column-inside">
  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"
  8.                      data-bs-target="#collapseFooterHotline"
  9.                      aria-expanded="true"
  10.                      aria-controls="collapseFooterHotline"
  11.                      role="listitem">
  12.                     {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  13.                     {% block layout_footer_navigation_hotline_icons %}
  14.                         <div class="footer-column-toggle">
  15.                             <span class="footer-plus-icon">
  16.                                 {% sw_icon 'arrow-down' style {'pack' : 'atmos'} %}
  17.                             </span>
  18.                             <span class="footer-minus-icon">
  19.                                 {% sw_icon 'arrow-up' style {'pack' : 'atmos'} %}
  20.                             </span>
  21.                         </div>
  22.                     {% endblock %}
  23.                 </div>
  24.             {% endblock %}
  25.             {% block layout_footer_navigation_hotline_content %}
  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.                         <p class="footer-contact-hotline">
  31.                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  32.                         </p>
  33.                     </div>
  34.                 </div>
  35.             {% endblock %}
  36.         </div>
  37.     </div>
  38. {% endblock %}
  39. {% block layout_footer_navigation_column %}
  40.     <div class="col-md-4 col-lg-3 footer-column js-footer-column">
  41.         <div class="footer-column-inside">
  42.             {% block layout_footer_navigation_information_headline %}
  43.                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  44.                      data-bs-target="#collapseFooterTitle{{ loop.index }}"
  45.                      aria-expanded="true"
  46.                      aria-controls="collapseFooter{{ loop.index }}">
  47.                     {% if root.category.type == 'folder' %}
  48.                         {{ root.category.translated.name }}
  49.                     {% else %}
  50.                         <a href="{{ category_url(root.category) }}"
  51.                            {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  52.                            title="{{ root.category.translated.name }}">
  53.                             {{ root.category.translated.name }}
  54.                         </a>
  55.                     {% endif %}
  56.                     {% block layout_footer_navigation_information_icons %}
  57.                         <div class="footer-column-toggle">
  58.                             <span class="footer-plus-icon">
  59.                                 {% sw_icon 'arrow-down' style {'pack' : 'atmos'} %}
  60.                             </span>
  61.                             <span class="footer-minus-icon">
  62.                                 {% sw_icon 'arrow-up' style {'pack' : 'atmos'} %}
  63.                             </span>
  64.                         </div>
  65.                     {% endblock %}
  66.                 </div>
  67.             {% endblock %}
  68.             {% block layout_footer_navigation_information_content %}
  69.                 <div id="collapseFooter{{ loop.index }}"
  70.                      class="footer-column-content collapse js-footer-column-content"
  71.                      aria-labelledby="collapseFooterTitle{{ loop.index }}">
  72.                     <div class="footer-column-content-inner">
  73.                         {% block layout_footer_navigation_information_links %}                            
  74.                             <ul class="list-unstyled">
  75.                                 {% for treeItem in root.children %}
  76.                                     {% set category = treeItem.category %}
  77.                                     {% set name = category.translated.name %}                                
  78.                                     {% block layout_footer_navigation_information_link_item %}
  79.                                         <li class="footer-link-item">
  80.                                             {% block layout_footer_navigation_information_link %}
  81.                                                 {% if category.type == 'folder' %}
  82.                                                     <div>{{ name }}</div>
  83.                                                 {% else %}
  84.                                                     {# COOKIE EINSTELLUNGEN OFFCANVAS LINK #}
  85.                                                     {% if category.translated.externalLink == "cookie-box" %}
  86.                                                         <span class="js-cookie-configuration-button">
  87.                                                             <button type="submit" class="footer-link arrow-link">{{ "AtmosTheme.footer.cookieBoxLink"|trans|striptags }}</button>
  88.                                                         </span>                                            
  89.                                                     {% else %}                                                                            
  90.                                                         <a class="footer-link arrow-link"
  91.                                                            href="{{ category_url(category) }}"
  92.                                                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  93.                                                            title="{{ name }}">{{ name }}</a>
  94.                                                    {% endif %}   
  95.                                                 {% endif %}
  96.                                             {% endblock %}
  97.                                         </li>
  98.                                     {% endblock %}
  99.                                 {% endfor %}
  100.                             </ul>
  101.                         {% endblock %}
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         {% endblock %}
  106.     </div>
  107. {% endblock %}
  108. {% block layout_footer_payment_shipping_logos %}
  109. {% endblock %}
  110. {% block layout_footer_bottom %}
  111.     {% block layout_footer_service_menu %}
  112.         <div class="footer-bottom">
  113.             {% block layout_footer_service_menu_inner %}
  114.                 <div class="container">
  115.                     <div class="row">
  116.                         <div class="col-md-8">
  117.                             {% block layout_footer_service_menu_inner_content %}
  118.                                 {{ "AtmosTheme.footer.legal"|trans|sw_sanitize }}
  119.                             {% endblock %}
  120.                         </div>
  121.                         <div class="col-md-4 text-md-right">
  122.                             <div class="row">
  123.                                 <div class="col-9 col-md-12 foooter-social-media">
  124.                                     <a class="footer-social-link" target="_blank" href="https://www.facebook.com/atmosmedizintechnik" class="d-inline-block">
  125.                                         {% sw_icon 'facebook' style {'pack' : 'atmos'} %}
  126.                                     </a>
  127.                                     <a class="footer-social-link" target="_blank" href="https://www.instagram.com/atmos_medizintechnik/?hl=de" class="d-inline-block">
  128.                                         {% sw_icon 'instagram' style {'pack' : 'atmos'} %}
  129.                                     </a>
  130.                                     <a class="footer-social-link" target="_blank" href="https://www.linkedin.com/company/3850304/" class="d-inline-block">
  131.                                         {% sw_icon 'linkedin' style {'pack' : 'atmos'} %}
  132.                                     </a>
  133.                                     <a class="footer-social-link" target="_blank" href="https://www.youtube.com/user/ATMOSmed" class="d-inline-block">
  134.                                         {% sw_icon 'youtube' style {'pack' : 'atmos'} %}
  135.                                     </a>
  136.                                 </div>
  137.                                 <div class="col-3 col-md-12 text-right">
  138.                                     <picture class="footer-logo-picture">
  139.                                         {% block layout_header_logo_image_default %}
  140.                                             {% if theme_config('sw-logo-desktop') %}
  141.                                                 <a href="{{ path('frontend.home.page') }}"
  142.                                                    title="{{ "header.logoLink"|trans|striptags }}">
  143.                                                     <img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}"
  144.                                                      alt="{{ "header.logoLink"|trans|striptags }}"
  145.                                                      class="img-fluid footer-logo-main-img"/>
  146.                                                  </a>
  147.                                             {% endif %}
  148.                                         {% endblock %}
  149.                                     </picture>
  150.                                 </div>                        
  151.                             </div>
  152.                         </div>            
  153.                     </div>                
  154.                 </div>
  155.             {% endblock %}
  156.         </div>
  157.     {% endblock %}
  158. {% endblock %}