custom/plugins/HBCTheme/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-lg-2 col-md-12 col-sm-12 col-12 footer-column js-footer-column hbc-logo">
  5.             {% block layout_footer_navigation_hotline_headline %}
  6.                 {# Link to picture is editable in the Backend through Text Modules #}
  7.                 {{ "hbc.footerLogo"|trans|raw }}
  8.             {% endblock %}
  9.         </div>
  10.         <div class="col-lg-2 col-md-6 col-sm-6 col-12 footer-column js-footer-column">
  11.             {% block layout_footer_navigation_hotline_content %}
  12.                 {# Text is editable in the Backend through Text Modules #}
  13.                 {{ "hbc.footerImpressum"|trans|sw_sanitize }}
  14.             {% endblock %}
  15.         </div>
  17.         <div class="col-lg-2 col-md-6 col-sm-6 col-12 footer-logos footer-column js-footer-column">
  18.             <p class="paymentMethodsTitle">
  19.                 {{ "hbc.footerPaymentmethods"|trans|sw_sanitize }}
  20.             </p>
  21.             {% block layout_footer_payment_logos %}
  22.                 <div class="footer-logos">
  23.                     {# separating the different payment method-icons for different languages #}
  24.                     {% if page.header.activeLanguage.translationCode.code == 'de-DE' %}
  25.                {#          <div class="footer-logo is-payment">
  26.                             <img src="/media/e6/f8/31/1674055727/Icon-PayPal.svg" alt="Icon für die Bezahlung via PayPal" />
  27.                         </div>#}
  28.                         <div class="footer-logo is-payment">
  29.                             <img src="/media/ba/c6/be/1644324110/Icon-Rechnung.svg" alt="Icon für die Bezahlung via Rechnung" />
  30.                         </div>
  31.                         <div class="footer-logo is-payment">
  32.                             <img src="/media/f2/g0/6f/1644324110/Icon-Vorkasse.svg" alt="Icon für die Bezahlung via Vorkasse" />
  33.                         </div>
  34.                     {% elseif page.header.activeLanguage.translationCode.code == 'en-GB' %}
  35.                  {#     <div class="footer-logo is-payment">
  36.                             <img src="/media/e6/f8/31/1674055727/Icon-PayPal.svg" alt="Icon for the payment method PayPal" />
  37.                         </div>#}
  38.                         <div class="footer-logo is-payment">
  39.                             <img src="/media/37/11/ab/1653639523/icon-invoice.svg" alt="Icon for the payment method invoice" />
  40.                         </div>
  41.                         <div class="footer-logo is-payment">
  42.                             <img src="/media/05/16/03/1653639443/icon-advance-payment.svg" alt="Icon for the payment method advance payment" />
  43.                         </div>
  44.                     {% endif %}
  45.                 </div>
  46.             {% endblock %}
  48.             {% block layout_footer_shipping_logos %}
  49.                 {% for shippingMethod in page.salesChannelShippingMethods %}
  50.                     {% block layout_footer_shipping_logo %}
  51.                         {% if shippingMethod.media %}
  52.                             <div class="footer-logo is-shipping">
  53.                                 {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  54.                                     media: shippingMethod.media,
  55.                                     sizes: {
  56.                                         'default': '100px'
  57.                                     },
  58.                                     attributes: {
  59.                                         'class': 'img-fluid footer-logo-image',
  60.                                         'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  61.                                         'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  62.                                     }
  63.                                 } %}
  64.                             </div>
  65.                         {% endif %}
  66.                     {% endblock %}
  67.                 {% endfor %}
  68.             {% endblock %}
  69.             <p>
  70.                 {{ "hbc.footerVAT"|trans|sw_sanitize }}
  71.             </p>
  72.         </div>
  73.     {% endblock %}
  75.     {% block layout_footer_navigation_column %}
  76.         <div class="col-lg-2 col-md-6 col-sm-6 col-12 footer-column js-footer-column">
  77.             {% block layout_footer_navigation_information_headline %}
  78.                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  79.                      data-target="#collapseFooterTitle{{ loop.index }}"
  80.                      aria-expanded="true"
  81.                      aria-controls="collapseFooter{{ loop.index }}">
  83.                     {% if root.category.type == 'folder' %}
  84.                         {{ root.category.translated.name }}
  85.                     {% else %}
  86.                         <a href="{{ category_url(root.category) }}"
  87.                            {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  88.                            title="{{ root.category.translated.name }}">
  89.                             {{ root.category.translated.name }}
  90.                         </a>
  91.                     {% endif %}
  92.                     {% block layout_footer_navigation_information_icons %}
  93.                         <div class="footer-column-toggle">
  94.                             <span class="footer-plus-icon">
  95.                                 {% sw_icon 'plus' %}
  96.                             </span>
  97.                             <span class="footer-minus-icon">
  98.                                 {% sw_icon 'minus' %}
  99.                             </span>
  100.                         </div>
  101.                     {% endblock %}
  102.                 </div>
  103.             {% endblock %}
  105.             {% block layout_footer_navigation_information_content %}
  106.                 <div id="collapseFooter{{ loop.index }}"
  107.                      class="footer-column-content collapse js-footer-column-content"
  108.                      aria-labelledby="collapseFooterTitle{{ loop.index }}">
  109.                     <div class="footer-column-content-inner">
  110.                         {% block layout_footer_navigation_information_links %}
  111.                             <ul class="list-unstyled">
  112.                                 {% for treeItem in root.children %}
  113.                                     {% set category = treeItem.category %}
  114.                                     {% set name = category.translated.name %}
  116.                                     {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  117.                                     {% set externalLink = category.translated.externalLink %}
  119.                                     {% block layout_footer_navigation_information_link_item %}
  120.                                         <li class="footer-link-item">
  121.                                             {% block layout_footer_navigation_information_link %}
  122.                                                 {% if category.type == 'folder' %}
  123.                                                     <div>{{ name }}</div>
  124.                                                 {% else %}
  125.                                                     <a class="footer-link"
  126.                                                        href="{{ category_url(category) }}"
  127.                                                        {% if category_linknewtab(category) %}target="_blank"{% endif %}
  128.                                                        title="{{ name }}">
  129.                                                         {{ name }}
  130.                                                     </a>
  131.                                                 {% endif %}
  132.                                             {% endblock %}
  133.                                         </li>
  134.                                     {% endblock %}
  135.                                 {% endfor %}
  136.                             </ul>
  137.                         {% endblock %}
  138.                     </div>
  139.                 </div>
  140.             {% endblock %}
  141.         </div>
  142.     {% endblock %}
  144.     {# Cleared this block because it was needed in a different position (above). #}
  145.     {% block layout_footer_payment_shipping_logos %}
  146.     {% endblock %}
  147. {% block layout_footer_bottom %}
  148.         <div class="footer-bottom container">
  149.             {% block layout_footer_service_menu %}
  150.                     {# Cleared this block because of no need for it. #}
  151.                     {% block layout_footer_vat %}
  152.                     {% endblock %}
  154.                     {% block layout_footer_copyright %}
  155.                         <div class="footer-copyright">
  156.                             <p>
  157.                                 {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  158.                             </p>
  159.                         </div>
  160.                     {% endblock %}
  161.         {% endblock %}
  162. {% endblock %}