custom/plugins/MetalementsTheme/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 %}
  4.     <div class="container">
  5.         <div class="row footer-columns" id="footerColumns">
  6.             
  7.             <!-- First Column: Logo & Contact Info -->
  8.             <div class="col-lg-3 col-md-6 footer-column">
  9.                 <div class="cus-footer-logo">
  10.                     <img src="{{ asset('bundles/metalementstheme/assets/image/Metalements_Logo_footer.svg') }}" class="footer-logo" alt="Logo Footer" title="Logo Footer">
  11.                 </div>
  12.                 <h4 class="footer-column-title">Kontakt</h4>
  13.                 <p>Montags bis Freitags 08:00-15:30 Uhr<br>
  14.                 <a href="tel:+495295998911">Tel.: 05295 998911 </a><br>
  15.                 <a class="ruckrufservice" href="/Rueckrufservice/">Rückrufservice</a><br>
  16.                 <a href="mailto:info@metalements.de" class="emails">E-Mail: info@metalements.de </a>
  17.             </div>
  19.             <!-- Second Column: Payment & Social Media -->
  20.             <div class="col-lg-3 col-md-6 footer-column">
  21.                 <h4 class="footer-column-title">{{ 'Zahlungspartner'|trans }}</h4>
  22.                 <div class="custom-footer-logos">
  23.                     {% block custom_layout_footer_payment_logos %}
  24.                         {% for paymentMethod in page.salesChannelPaymentMethods %}
  25.                             {% if paymentMethod.media %}
  26.                                 <div class="footer-logo is-payment">
  27.                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  28.                                         media: paymentMethod.media,
  29.                                         sizes: { 'default': '100px' },
  30.                                         attributes: {
  31.                                             'class': 'img-fluid footer-logo-image',
  32.                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  33.                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  34.                                         }
  35.                                     } %}
  36.                                 </div>
  37.                             {% endif %}
  38.                         {% endfor %}
  39.                     {% endblock %}
  40.                 </div>
  42.                 <h4 class="footer-column-title">Social Media</h4>
  43.                 <ul class="social-icons list-unstyled">
  44.                     <li><a href="https://www.facebook.com/people/Metalements/100093507334257/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
  45.                     <li><a href="https://www.instagram.com/metalements/#" target="_blank"><i class="fab fa-instagram"></i></a></li>
  46.                     <li><a href="https://www.youtube.com/channel/UC56788KSP8UctT0cUs4Zalg" target="_blank"><i class="fab fa-youtube"></i></a></li>
  47.                     <li><a href="https://www.tiktok.com/@metalements" target="_blank"><i class="fab fa-tiktok"></i></a></li>
  48.                     <li><a href="https://api.whatsapp.com/send/?phone=495295998911&text&type=phone_number&app_absent=0" target="_blank"><i class="fab fa-whatsapp"></i></a></li>
  49.                 </ul>
  50.             </div>
  52.             <!-- Third Column: Quick Links -->
  53.             <div class="col-lg-3 col-md-6 footer-column">
  54.                 <h4 class="footer-column-title">Quick Links</h4>
  55.                 <ul class="footer-links list-unstyled">
  56.                     <li><a href="https://metalements.de/">Home</a></li>
  57.                     <li><a href="/ueber-uns/">Über uns</a></li>
  58.                     <li><a href="/account/login">Account</a></li>
  59.                     <li><a href="/checkout/cart">Warenkorb</a></li>
  60.                     <li><a href="/wishlist">Wunschliste</a></li>
  61.                 </ul>
  62.             </div>
  64.             <!-- Fourth Column: Legal Info (Rechtliches) -->
  65.             <div class="col-lg-3 col-md-6 footer-column">
  66.                 <h4 class="footer-column-title">Rechtliches</h4>
  67.                 <ul class="footer-links list-unstyled">
  68.                     <li><a href="/Impressum/">Impressum</a></li>
  69.                     <li><a href="/Datenschutzerklaerung/">Datenschutzerklärung</a></li>
  70.                     <li><a href="/Widerrufsbelehrung/">Widerrufsbelehrung</a></li>
  71.                     <li><a href="/AGBs/">AGBs</a></li>
  72.                     <li><a href="/Ru-ckgaberecht/">Rückgaberecht</a></li>
  73.                     <li><a href="/Versand-und-Zahlungsbedingungen/">Versand- und Zahlungsbedingungen</a></li>
  74.                 </ul>
  75.             </div>
  77.         </div>
  79.         <!-- Copyright Section -->
  80.         <div class="row">
  81.             <div class="col-12 text-center">
  82.                 <p class="footer-copyright">© Copyright  {{ "now"|date("Y") }} ReBeMo GmbH</p>
  83.             </div>
  84.         </div>
  86.     </div>
  87. {% endblock %}