custom/plugins/NrbnLvgTheme/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_inner_container %}
  4.     <div class="nr-footer-nl-banner">
  5.         <div class="container">
  6.             <div class="nr-nl-banner-text">
  7.                 <div class="nr-nl-banner-icon">
  8.                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="60" height="60">
  9.                         <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
  10.                     </svg>
  11.                 </div>
  12.                 <h2 class="nr-nl-banner-title">Abonnieren Sie den kostenlosen LittleVanGogh <span class="text-primary">Newsletter</span> und verpassen Sie keine Neuigkeit oder Aktion mehr.</h2>
  13.                 <div class="">
  14.                     <a class="btn btn-primary nr-btn-icon" href="#">
  15.                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  16.                             <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
  17.                         </svg>
  18.                         <span>Jetzt abonnieren</span>
  19.                     </a>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  24.     <div class="nr-footer-topics">
  25.         <div class="container">
  26.             <h2 class="nr-section-title d-flex flex-column align-items-center">Beliebteste Themen</h2>
  27.                 <ul class="nr-topics-list list-unstyled row justify-content-center">
  28.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Schwarz-Weisse-Bilder/">Schwarz-weiß</a></li>
  29.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Monochrome-Bilder/">Monochrom</a></li>
  30.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Farbenfrohe-Bilder/">Farbenfroh</a></li>
  31.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Geometrische-Formen/">Geometrische Formen</a></li>
  32.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Naive-Kunst/">Naive Kunst</a></li>
  33.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Maritime-Bilder/">Maritime Motive</a></li>
  34.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Waldmotive/">Wald Motive</a></li>
  35.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Sport-Motive/">Sport</a></li>
  36.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Blumenbilder/">Flora</a></li>
  37.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Tierbilder/">Fauna</a></li>
  38.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Figurative-Kunst/">Menschen</a></li>
  39.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Landschaftsmalerei/">Landschaften</a></li>
  40.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Stillleben/">Stillleben</a></li>
  41.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Architektur-Skylinebilder/">Architektur</a></li>
  42.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Portraits/">Portrait</a></li>
  43.                     <li class="nr-topics-item col-auto col-md"><a class="nr-topics-link" href="/Kunst-kaufen/Themen-der-Malerei/Technik/">Technik</a></li>
  44.                 </ul>
  45.             </div>
  46.         </div>
  47.     </div>
  48.     <div class="nr-footer-usp">
  49.         <div class="container">
  50.             <div class="row justify-content-center">
  51.                 <div class="nr-usp-item col-6 col-md">
  52.                     <svg class="nr-usp-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="60" height="60">
  53.                         <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12" />
  54.                     </svg>
  55.                     <h5 class="nr-usp-title">Persönliche Lieferung</h5>
  56.                 </div>
  57.                 <div class="nr-usp-item col-6 col-md">
  58.                     <svg class="nr-usp-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="60" height="60">
  59.                         <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" />
  60.                     </svg>
  61.                     <h5 class="nr-usp-title">Sicherer Kauf auf Rechnung</h5>
  62.                 </div>
  63.                 <div class="nr-usp-item col-6 col-md">
  64.                     <svg class="nr-usp-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="60" height="60">
  65.                         <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z" />
  66.                     </svg>
  67.                     <h5 class="nr-usp-title">einfacher Ratenkauf</h5>
  68.                 </div>
  69.                 <div class="nr-usp-item col-6 col-md">
  70.                     <svg class="nr-usp-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="60" height="60">
  71.                         <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3" />
  72.                     </svg>
  73.                     <h5 class="nr-usp-title">14-tägiges Rückgaberecht</h5>
  74.                 </div>
  75.                 <div class="nr-usp-item col-6 col-md">
  76.                     <svg class="nr-usp-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="60" height="60">
  77.                         <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z" />
  78.                     </svg>
  79.                     <h5 class="nr-usp-title">Echtheitszertifikat</h5>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.     </div>
  85.     <div class="nr-footer-nav">
  86.         <div class="container">
  87.             <div class="row">
  88.                 <div class="nr-nav-col col-12 col-sm-6 col-md-4 col-lg">
  89.                     <h4 class="nr-nav-title">Wir beraten Sie gerne persönlich</h4>
  90.                     <div class="nr-footer-contact">
  91.                         <div class="nr-contact-item">
  92.                             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  93.                                 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"></path>
  94.                             </svg>
  95.                             <span>02224 9 00 456</span>
  96.                         </div>
  97.                         <div class="nr-contact-item">
  98.                             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  99.                                 <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path>
  100.                             </svg>
  101.                             <span>info@littlevangogh.de</span>
  102.                         </div>
  103.                     </div>
  104.                     <div class="nr-footer-times">Mo-Fr, 09:00 - 17:00 Uhr</div>
  105.                     <div class="nr-footer-social">
  106.                         <div class="row">
  107.                             <div class="col-auto">
  108.                                 <a href="#">
  109.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
  110.                                 </a>
  111.                             </div>
  112.                             <div class="col-auto">
  113.                                 <a href="#">
  114.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
  115.                                 </a>
  116.                             </div>
  117.                             <div class="col-auto">
  118.                                 <a href="#">
  119.                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
  120.                                 </a>
  121.                             </div>
  122.                         </div>
  123.                     </div>
  124.                 </div>
  126.                 {% for root in page.footer.navigation.tree %}
  127.                     <div class="nr-nav-col col-12 col-sm-6 col-md-4 col-lg">
  128.                         <h4 class="nr-nav-title">
  129.                             {% if root.category.type == 'folder' %}
  130.                                 {{ root.category.translated.name }}
  131.                             {% else %}
  132.                                 <a href="{{ category_url(root.category) }}"
  133.                                     {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  134.                                     title="{{ root.category.translated.name }}">
  135.                                     {{ root.category.translated.name }}
  136.                                 </a>
  137.                             {% endif %}
  138.                         </h4>
  139.                         <ul class="nr-nav-list list-unstyled">
  140.                             {% for treeItem in root.children %}
  141.                                 {% set category = treeItem.category %}
  142.                                 {% set name = category.translated.name %}
  144.                                 {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  145.                                 {% set externalLink = category.translated.externalLink %}
  146.                                 <li class="nr-nav-item">
  147.                                     {% if category.type == 'folder' %}
  148.                                         <div>{{ name }}</div>
  149.                                     {% else %}
  150.                                         <a class="nr-nav-link"
  151.                                             href="{{ category_url(category) }}"
  152.                                             {% if category_linknewtab(category) %}target="_blank"{% endif %}
  153.                                             title="{{ name }}">
  154.                                             {{ name }}
  155.                                         </a>
  156.                                     {% endif %}
  157.                                 </li>
  158.                             {% endfor %}
  159.                         </ul>
  160.                     </div>
  161.                 {% endfor %}
  163.                 <div class="nr-nav-col col-12 col-sm-6 col-md-4 col-lg">
  164.                     <h4 class="nr-nav-title">Zahlarten</h4>
  165.                     <div class="nr-footer-payment">
  166.                         {% for paymentMethod in page.salesChannelPaymentMethods %}
  167.                             {% block layout_footer_payment_logo %}
  168.                                 {% if paymentMethod.media %}
  169.                                     <div class="nr-payment-item">
  170.                                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  171.                                             media: paymentMethod.media,
  172.                                             sizes: {
  173.                                                 'default': '34px'
  174.                                             },
  175.                                             attributes: {
  176.                                                 'class': 'img-fluid',
  177.                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  178.                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  179.                                             }
  180.                                         } %}
  181.                                     </div>
  182.                                 {% endif %}
  183.                             {% endblock %}
  184.                         {% endfor %}
  185.                     </div>
  186.                 </div>
  188.                 <div class="nr-nav-col col-12 col-md-4 col-lg">
  189.                     <h4 class="nr-nav-title">Newsletter</h4>
  190.                     <div class="">
  191.                         <p class="mb-4">Abonnieren Sie den kostenlosen Newsletter und verpassen Sie keine Neuigkeit oder Aktion mehr.</p>
  192.                         <a class="btn btn-outline-secondary" href="#">Jetzt Abonnieren</a>
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </div>
  197.     </div>
  199.     <div class="nr-footer-legal">
  200.         <div class="container">
  201.             <div class="row">
  202.                 <div class="col">
  203.                     {% apply spaceless %}
  204.                         <ul class="nr-nav-list list-unstyled">
  205.                             {% for serviceMenuItem in page.header.serviceMenu %}
  206.                                 <li class="nr-nav-item">
  207.                                     <a class="nr-nav-link"
  208.                                         href="{{ category_url(serviceMenuItem) }}"
  209.                                         {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  210.                                         title="{{ serviceMenuItem.translated.name }}">
  211.                                         {{ serviceMenuItem.translated.name }}
  212.                                     </a>
  213.                                 </li>
  214.                             {% endfor %}
  215.                         </ul>
  216.                     {% endapply %}
  217.                 </div>
  218.                 <div class="col-auto">
  219.                     <div class="nr-footer-vat">
  220.                         {% if context.taxState == "gross" %}
  221.                             {{ "footer.includeVat"|trans({
  222.                                 '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  223.                             })|raw }}
  224.                         {% else %}
  225.                             {{ "footer.excludeVat"|trans({
  226.                                 '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  227.                             })|raw }}
  228.                         {% endif %}
  229.                     </div>
  230.                 </div>
  231.             </div>
  232.         </div>
  233.     </div>
  234. {% endblock %}