custom/plugins/ASE_eCommerce_v1/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.     {% block layout_footer_newsletter %}
  5.         <section class="bg-primary-gradient container mw-100 py-5 m-0">
  6.             <div class="row justify-content-md-center pos-0 newsletterBox">
  7.                 <div class="col-md-9 col-lg-7 col-xl-5 cms-block cms-block-form">
  8.                     <div class="form-content cms-element-form">
  9.                         <form action="{{ path('frontend.form.newsletter.register.handle') }}" method="post" data-form-csrf-handler="true" data-form-validation="true" class="d-block">
  10.                             <h4 class="text-white">
  11.                                 {{ 'asetheme.footer.headlineNewsletter'|trans }}
  12.                             </h4>
  13.                             {% set formViolations = app.request.get('errors') %}
  14.                             <div class="row mb-3 mt-4">
  15.                                 <div class="col-md-8 pr-md-1">
  16.                                     <input name="email" type="email" id="footerNewsletterMail" placeholder="{{ "account.personalMailPlaceholder"|trans }}{{ "general.required"|trans }}" required="required" value="{{ data.get('email') }}" class="form-control form-control-lg{% if formViolations.getViolations('/email') %} is-invalid{% endif %}" style="height:44px;"/>
  17.                                 </div>
  18.                                 <div class="col-md-4 pl-md-1 pt-2 pt-md-0">
  19.                                     <button class="btn btn-warning btn-lg btn-block" type="submit" id="button-addon2">{{ "newsletter.formSubmit"|trans }}</button>
  20.                                 </div>
  21.                             </div>
  23.                             <div class="d-block mt-2">
  24.                                 <div class="form-text privacy-notice custom-control custom-checkbox">
  25.                                     <input id="footerNewsletterPolicyCheck" class="custom-control-input" name="policycheck" type="checkbox" required>
  26.                                     <label for="footerNewsletterPolicyCheck" class="custom-control-label">
  27.                                         <p class="mb-2">
  28.                                             <small class="text-white">
  29.                                                 {{ "asetheme.footer.newsletterDescription1"|trans }}
  30.                                             </small>
  31.                                         </p>
  32.                                         <p class="mb-0">
  33.                                             <small class="text-white">
  34.                                                 {{ "asetheme.footer.newsletterDescription2"|trans|raw }}
  35.                                             </small>
  36.                                         </p>
  37.                                     </label>
  38.                                 </div>
  39.                             </div>
  40.                             <div class="form-hidden-fields">
  41.                                 {{ sw_csrf('frontend.form.newsletter.register.handle') }}
  42.                                 <input type="hidden" name="option" value="{{ constant('Shopware\\Storefront\\Controller\\FormController::SUBSCRIBE') }}">
  43.                                 <input type="submit" class="submit--hidden d-none">
  44.                             </div>
  45.                         </form>
  46.                     </div>
  47.                 </div>
  48.                 <div class="w-100"></div>
  49.             </div>
  50.         </section>
  51.     {% endblock %}
  52.     
  53.     
  54.     {% block layout_footer_details %}
  55.         <section class="bg-white container mw-100 py-5 m-0">
  56.             <div class="row detailPane maxwidth-75 py-0 my-0">
  57.                 {% block layout_footer_detail_left %}
  58.                     <div class="col-md-6 pt-0 pb-2 pb-md-0 pl-0 pr-0 pr-md-4 border-right border-bottom-bySmall">
  59.                     
  60.                     {% block layout_footer_detail_left_content %}
  61.                             <div class="footer-column-content footer-detail">
  62.                                 <div class="footer-column-content-inner p-0 m-0">
  63.                                     {% block layout_footer_detail_left_item %}
  64.                                         <h5 class="mb-2">{{ 'footer.welcomeBy'|trans|sw_sanitize }}</h5>
  65.                                         <table class="table table-borderless mb-0">
  66.                                             <tbody>
  67.                                                 <tr>
  68.                                                     <td class="px-0 py-3 align-top" style="width:36px;"><img src="{{ asset('assets/img/austria.svg', '@ASE_eCommerce_v1') }}" class="mr-2 align-middle img-fluid" /></td>
  69.                                                     <td class="align-top">{{ 'footer.welcomeText'|trans|raw }}</td>
  70.                                                 </tr>
  71.                                                 <tr>
  72.                                                     <td class="px-0 py-3 align-top" style="width:36px;"><img src="{{ asset('assets/img/truck.svg', '@ASE_eCommerce_v1') }}" class="mr-2 align-middle img-fluid" /></td>
  73.                                                     <td class="align-top">{{ 'footer.freesendText'|trans|raw }}</td>
  74.                                                 </tr>
  75.                                                 <tr>
  76.                                                     <td class="px-0 py-3 align-top" style="width:36px;"><img src="{{ asset('assets/img/speed.svg', '@ASE_eCommerce_v1') }}" class="mr-2 align-middle img-fluid" /></td>
  77.                                                     <td class="align-top">{{ 'footer.speedText'|trans|raw }}</td>
  78.                                                 </tr>
  79.                                                 <tr>
  80.                                                     <td class="px-0 py-3 align-top" style="width:36px;"><img src="{{ asset('assets/img/return.svg', '@ASE_eCommerce_v1') }}" class="mr-2 align-middle img-fluid" /></td>
  81.                                                     <td class="align-top">{{ 'footer.returnText'|trans|raw }}</td>
  82.                                                 </tr>
  83.                                                 <tr>
  84.                                                     <td class="px-0 pt-3 align-top pb-0" style="width:36px;"><img src="{{ asset('assets/img/call.svg', '@ASE_eCommerce_v1') }}" class="mr-2 align-middle img-fluid" /></td>
  85.                                                     <td class="align-top pb-0">{{ 'footer.callText'|trans|raw }}</td>
  86.                                                 </tr>
  87.                                             </tbody>
  88.                                         </table>
  89.                                     {% endblock %}
  90.                                 </div>
  91.                             </div>
  92.                         {% endblock %}
  93.                     </div>
  94.                 {% endblock %}
  95.                 
  96.                 {% block layout_footer_detail_right %}
  97.                     <div class="col-md-6 py-0 pl-0 pr-0 pl-md-4">
  98.                     
  99.                     {% block layout_footer_detail_right_content %}
  100.                             <div class="footer-column-content footer-detail">
  101.                                 <div class="footer-column-content-inner p-0 m-0">
  102.                                     {% block layout_footer_detail_right_item %}
  103.                                         <h5 class="mb-2">{{ 'footer.paymentHeadline'|trans|sw_sanitize }}</h5>
  104.                                         <ul class="list-unstyled py-2 clearfix payments">
  105.                                             {% block layout_footer_payment_item %}
  106.                                                 {% if 'footer.payment.vorauskasse'|trans != 'footer.payment.vorauskasse' %}<li class="payment-item">
  107.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_vorauskasse.svg', '@ASE_eCommerce_v1') }}" /></figure>
  108.                                                 </li>{% endif %}
  109.                                                 {% if 'footer.payment.sepa'|trans != 'footer.payment.sepa' %}<li class="payment-item">
  110.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_sepa.svg', '@ASE_eCommerce_v1') }}" /></figure>
  111.                                                 </li>{% endif %}
  112.                                                 {% if 'footer.payment.amazonpay'|trans != 'footer.payment.amazonpay' %}<li class="payment-item">
  113.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_amazonpay.svg', '@ASE_eCommerce_v1') }}" /></figure>
  114.                                                 </li>{% endif %}
  115.                                                 {% if 'footer.payment.applepay'|trans != 'footer.payment.applepay' %}<li class="payment-item">
  116.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_applepay.svg', '@ASE_eCommerce_v1') }}" /></figure>
  117.                                                 </li>{% endif %}
  118.                                                 {% if 'footer.payment.gpay'|trans != 'footer.payment.gpay' %}<li class="payment-item">
  119.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_gpay.svg', '@ASE_eCommerce_v1') }}" /></figure>
  120.                                                 </li>{% endif %}
  121.                                                 {% if 'footer.payment.microsoft'|trans != 'footer.payment.microsoft' %}<li class="payment-item">
  122.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_microsoft.svg', '@ASE_eCommerce_v1') }}" /></figure>
  123.                                                 </li>{% endif %}
  124.                                                 {% if 'footer.payment.paypal'|trans != 'footer.payment.paypal' %}<li class="payment-item">
  125.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_paypal.svg', '@ASE_eCommerce_v1') }}" /></figure>
  126.                                                 </li>{% endif %}
  127.                                                 {% if 'footer.payment.sofort'|trans != 'footer.payment.sofort' %}<li class="payment-item">
  128.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_sofort.svg', '@ASE_eCommerce_v1') }}" /></figure>
  129.                                                 </li>{% endif %}
  130.                                                 {% if 'footer.payment.klarna'|trans != 'footer.payment.klarna' %}<li class="payment-item">
  131.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_klarna.svg', '@ASE_eCommerce_v1') }}" /></figure>
  132.                                                 </li>{% endif %}
  133.                                                 {% if 'footer.payment.eps'|trans != 'footer.payment.eps' %}<li class="payment-item">
  134.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_eps.svg', '@ASE_eCommerce_v1') }}" /></figure>
  135.                                                 </li>{% endif %}
  136.                                                 {% if 'footer.payment.giropay'|trans != 'footer.payment.giropay' %}<li class="payment-item">
  137.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_giropay.svg', '@ASE_eCommerce_v1') }}" /></figure>
  138.                                                 </li>{% endif %}
  139.                                                 {% if 'footer.payment.ideal'|trans != 'footer.payment.ideal' %}<li class="payment-item">
  140.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_ideal.svg', '@ASE_eCommerce_v1') }}" /></figure>
  141.                                                 </li>{% endif %}
  142.                                                 {% if 'footer.payment.visa'|trans != 'footer.payment.visa' %}<li class="payment-item">
  143.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_visa.svg', '@ASE_eCommerce_v1') }}" /></figure>
  144.                                                 </li>{% endif %}
  145.                                                 {% if 'footer.payment.mastercard'|trans != 'footer.payment.mastercard' %}<li class="payment-item">
  146.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_mastercard.svg', '@ASE_eCommerce_v1') }}" /></figure>
  147.                                                 </li>{% endif %}
  148.                                                 {% if 'footer.payment.maestro'|trans != 'footer.payment.maestro' %}<li class="payment-item">
  149.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_maestro.svg', '@ASE_eCommerce_v1') }}" /></figure>
  150.                                                 </li>{% endif %}
  151.                                                 {% if 'footer.payment.amex'|trans != 'footer.payment.amex' %}<li class="payment-item">
  152.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_amex.svg', '@ASE_eCommerce_v1') }}" /></figure>
  153.                                                 </li>{% endif %}
  154.                                                 {% if 'footer.payment.jcb'|trans != 'footer.payment.jcb' %}<li class="payment-item">
  155.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_jcb.svg', '@ASE_eCommerce_v1') }}" /></figure>
  156.                                                 </li>{% endif %}
  157.                                                 {% if 'footer.payment.discover'|trans != 'footer.payment.discover' %}<li class="payment-item">
  158.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_discover.svg', '@ASE_eCommerce_v1') }}" /></figure>
  159.                                                 </li>{% endif %}
  160.                                                 {% if 'footer.payment.dinersclub'|trans != 'footer.payment.dinersclub' %}<li class="payment-item">
  161.                                                     <figure class="p-2 m-0 border rounded payicon"><img class="img-fluid" src="{{ asset('assets/img/payment/icon_dinersclub.svg', '@ASE_eCommerce_v1') }}" /></figure>
  162.                                                 </li>{% endif %}
  163.                                             {% endblock %}
  164.                                         </ul>
  165.                                         
  166.                                         <h5 class="mb-2 mt-4">{{ 'footer.shippingHeadline'|trans|sw_sanitize }}</h5>
  167.                                         <ul class="list-unstyled py-2 clearfix shipping">
  168.                                             {% block layout_footer_shipping_item %}
  169.                                                 {% if 'footer.shipping.post'|trans != 'footer.shipping.post' %}<li class="shipping-item">
  170.                                                     <figure class="p-2 m-0 border rounded shipicon"><img class="img-fluid" src="{{ asset('assets/img/shipping/icon_post.svg', '@ASE_eCommerce_v1') }}" /></figure>
  171.                                                 </li>{% endif %}
  172.                                                 {% if 'footer.shipping.dachser'|trans != 'footer.shipping.dachser' %}<li class="shipping-item">
  173.                                                     <figure class="p-2 m-0 border rounded shipicon"><img class="img-fluid" src="{{ asset('assets/img/shipping/icon_dachser.svg', '@ASE_eCommerce_v1') }}" /></figure>
  174.                                                 </li>{% endif %}
  175.                                                 {% if 'footer.shipping.hermes'|trans != 'footer.shipping.hermes' %}<li class="shipping-item">
  176.                                                     <figure class="p-2 m-0 border rounded shipicon"><img class="img-fluid" src="{{ asset('assets/img/shipping/icon_hermes.svg', '@ASE_eCommerce_v1') }}" /></figure>
  177.                                                 </li>{% endif %}
  178.                                                 {% if 'footer.shipping.transoflex'|trans != 'footer.shipping.transoflex' %}<li class="shipping-item">
  179.                                                     <figure class="p-2 m-0 border rounded shipicon"><img class="img-fluid" src="{{ asset('assets/img/shipping/icon_transoflex.svg', '@ASE_eCommerce_v1') }}" /></figure>
  180.                                                 </li>{% endif %}
  181.                                             {% endblock %}
  182.                                         </ul>
  183.                                         
  184.                                         <h5 class="mb-2 mt-4">{{ 'footer.logosHeadline'|trans|sw_sanitize }}</h5>
  185.                                         <ul class="list-unstyled py-2 clearfix certified">
  186.                                             {% block layout_footer_siegel_item %}
  187.                                                 {% if 'footer.siegel.austria'|trans != 'footer.siegel.austria' %}<li class="siegel-item">
  188.                                                     <figure class="p-0 m-0 siegelicon"><img class="img-fluid" src="{{ asset('assets/img/wappen/icon_austria.png', '@ASE_eCommerce_v1') }}" /></figure>
  189.                                                 </li>{% endif %}
  190.                                                 {% if 'footer.siegel.haendler'|trans != 'footer.siegel.haendler' %}<li class="siegel-item">
  191.                                                     <figure class="p-0 m-0 siegelicon"><img class="img-fluid" src="{{ asset('assets/img/wappen/icon_haendler.png', '@ASE_eCommerce_v1') }}" /></figure>
  192.                                                 </li>{% endif %}
  193.                                                 {% if 'footer.siegel.ssl'|trans != 'footer.siegel.ssl' %}<li class="siegel-item">
  194.                                                     <figure class="p-0 m-0 siegelicon"><img class="img-fluid" src="{{ asset('assets/img/wappen/icon_secure.png', '@ASE_eCommerce_v1') }}" /></figure>
  195.                                                 </li>{% endif %}
  196.                                                 {% if 'footer.siegel.vote'|trans != 'footer.siegel.vote' %}<li class="siegel-item">
  197.                                                     <figure class="p-0 m-0 siegelicon vote"><a href="https://www.shopvote.de/bewertung_shop_ase_services_at_8346.html" target="_blank" style="padding:2px;display:block;">
  198. <img src="https://widgets.shopvote.de/view.php?shopid=8346&bn=53&lang=de" class="img-fluid" id="svimage-53" alt="Shopbewertung - shop.ase-services.at" border="0" align="bottom" hspace="1"/></a></figure>
  199.                                                 </li>{% endif %}
  200.                                             {% endblock %}
  201.                                         </ul>
  202.                                     {% endblock %}
  203.                                 </div>
  204.                             </div>
  205.                         {% endblock %}
  206.                     </div>
  207.                 {% endblock %}
  208.             </div>
  209.         </section>
  210.     {% endblock %}
  211.     
  212.     
  213.     {% block layout_footer_navigations %}
  214.         <section class="bg-white container mw-100">
  215.             <div class="row navigationPane maxwidth-75 border-top py-0 py-md-5 my-0" data-collapse-footer="true">
  216.                 {% block layout_footer_navigation_products %}
  217.                     <div class="col-md-3 footer-column js-footer-column py-0 pl-0 pr-0 pr-md-4 border-right">
  218.                         {% block layout_footer_navigation_products_headline %}
  219.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger text-dark"
  220.                                  id="collapseFooterProductsTitle"
  221.                                  data-target="#collapseFooterProducts"
  222.                                  aria-expanded="true"
  223.                                  aria-controls="collapseFooterProducts">
  224.                                 {{ 'footer.productsHeadline'|trans|sw_sanitize }}
  225.                                 {% block layout_footer_navigation_products_icons %}
  226.                                     <div class="footer-column-toggle">
  227.                                         <span class="footer-plus-icon">
  228.                                             <i class="material-icons d-block">expand_more</i>
  229.                                         </span>
  230.                                         <span class="footer-minus-icon">
  231.                                             <i class="material-icons d-block">expand_less</i>
  232.                                         </span>
  233.                                     </div>
  234.                                 {% endblock %}
  235.                             </div>
  236.                         {% endblock %}
  237.                         
  238.                         {% block layout_footer_navigation_products_content %}
  239.                             <div id="collapseFooterProducts"
  240.                                  class="footer-column-content collapse js-footer-column-content footer-products"
  241.                                  aria-labelledby="collapseFooterProductsTitle">
  242.                                 <div class="footer-column-content-inner p-0 m-0">
  243.                                     <ul class="list-unstyled m-0 p-0">
  244.                                         {% block layout_footer_navigation_products_link_item %}
  245.                                             {% if 'footer.products.1.url'|trans != 'footer.products.1.url' %}<li class="footer-link-item py-2 pt-0">
  246.                                                 <a class="footer-link" href="{{ 'footer.products.1.url'|trans }}" title="{{ 'footer.products.1.title'|trans|striptags|sw_sanitize }}">
  247.                                                     {{ 'footer.products.1.title'|trans|sw_sanitize }}
  248.                                                 </a>
  249.                                             </li>{% endif %}
  250.                                             {% if 'footer.products.2.url'|trans != 'footer.products.2.url' %}<li class="footer-link-item py-2">
  251.                                                 <a class="footer-link" href="{{ 'footer.products.2.url'|trans }}" title="{{ 'footer.products.2.title'|trans|striptags|sw_sanitize }}">
  252.                                                     {{ 'footer.products.2.title'|trans|sw_sanitize }}
  253.                                                 </a>
  254.                                             </li>{% endif %}
  255.                                             {% if 'footer.products.3.url'|trans != 'footer.products.3.url' %}<li class="footer-link-item py-2">
  256.                                                 <a class="footer-link" href="{{ 'footer.products.3.url'|trans }}" title="{{ 'footer.products.3.title'|trans|striptags|sw_sanitize }}">
  257.                                                     {{ 'footer.products.3.title'|trans|sw_sanitize }}
  258.                                                 </a>
  259.                                             </li>{% endif %}
  260.                                             {% if 'footer.products.4.url'|trans != 'footer.products.4.url' %}<li class="footer-link-item py-2">
  261.                                                 <a class="footer-link" href="{{ 'footer.products.4.url'|trans }}" title="{{ 'footer.products.4.title'|trans|striptags|sw_sanitize }}">
  262.                                                     {{ 'footer.products.4.title'|trans|sw_sanitize }}
  263.                                                 </a>
  264.                                             </li>{% endif %}
  265.                                             {% if 'footer.products.5.url'|trans != 'footer.products.5.url' %}<li class="footer-link-item py-2">
  266.                                                 <a class="footer-link" href="{{ 'footer.products.5.url'|trans }}" title="{{ 'footer.products.5.title'|trans|striptags|sw_sanitize }}">
  267.                                                     {{ 'footer.products.5.title'|trans|sw_sanitize }}
  268.                                                 </a>
  269.                                             </li>{% endif %}
  270.                                             {% if 'footer.products.6.url'|trans != 'footer.products.6.url' %}<li class="footer-link-item py-2">
  271.                                                 <a class="footer-link" href="{{ 'footer.products.6.url'|trans }}" title="{{ 'footer.products.6.title'|trans|striptags|sw_sanitize }}">
  272.                                                     {{ 'footer.products.6.title'|trans|sw_sanitize }}
  273.                                                 </a>
  274.                                             </li>{% endif %}
  275.                                             {% if 'footer.products.7.url'|trans != 'footer.products.7.url' %}<li class="footer-link-item py-2">
  276.                                                 <a class="footer-link" href="{{ 'footer.products.7.url'|trans }}" title="{{ 'footer.products.7.title'|trans|striptags|sw_sanitize }}">
  277.                                                     {{ 'footer.products.7.title'|trans|sw_sanitize }}
  278.                                                 </a>
  279.                                             </li>{% endif %}
  280.                                         {% endblock %}
  281.                                     </ul>
  282.                                 </div>
  283.                             </div>
  284.                         {% endblock %}
  285.                     </div>
  286.                 {% endblock %}
  287.                 
  288.                 
  289.                 {% block layout_footer_navigation_service %}
  290.                     <div class="col-md-3 footer-column js-footer-column px-0 px-md-4 border-right">
  291.                         {% block layout_footer_navigation_service_headline %}
  292.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger text-dark"
  293.                                  id="collapseFooterServiceTitle"
  294.                                  data-target="#collapseFooterService"
  295.                                  aria-expanded="true"
  296.                                  aria-controls="collapseFooterService">
  297.                                 {{ 'footer.serviceHeadline'|trans|sw_sanitize }}
  298.                                 {% block layout_footer_navigation_service_icons %}
  299.                                     <div class="footer-column-toggle">
  300.                                         <span class="footer-plus-icon">
  301.                                             <i class="material-icons d-block">expand_more</i>
  302.                                         </span>
  303.                                         <span class="footer-minus-icon">
  304.                                             <i class="material-icons d-block">expand_less</i>
  305.                                         </span>
  306.                                     </div>
  307.                                 {% endblock %}
  308.                             </div>
  309.                         {% endblock %}
  310.                         
  311.                         {% block layout_footer_navigation_service_content %}
  312.                             <div id="collapseFooterService"
  313.                                  class="footer-column-content collapse js-footer-column-content footer-service"
  314.                                  aria-labelledby="collapseFooterServiceTitle">
  315.                                 <div class="footer-column-content-inner p-0 m-0">
  316.                                     <ul class="list-unstyled m-0 p-0">
  317.                                         {% block layout_footer_navigation_service_link_item %}
  318.                                             {% if 'footer.service.1.url'|trans != 'footer.service.1.url' %}<li class="footer-link-item py-2 pt-0">
  319.                                                 <a class="footer-link" href="{{ 'footer.service.1.url'|trans }}" title="{{ 'footer.service.1.title'|trans|striptags|sw_sanitize }}">
  320.                                                     {{ 'footer.service.1.title'|trans|sw_sanitize }}
  321.                                                 </a>
  322.                                             </li>{% endif %}
  323.                                             {% if 'footer.service.2.url'|trans != 'footer.service.2.url' %}<li class="footer-link-item py-2">
  324.                                                 <a class="footer-link" href="{{ 'footer.service.2.url'|trans }}" title="{{ 'footer.service.2.title'|trans|striptags|sw_sanitize }}">
  325.                                                     {{ 'footer.service.2.title'|trans|sw_sanitize }}
  326.                                                 </a>
  327.                                             </li>{% endif %}
  328.                                             {% if 'footer.service.3.url'|trans != 'footer.service.3.url' %}<li class="footer-link-item py-2">
  329.                                                 <a class="footer-link" href="{{ 'footer.service.3.url'|trans }}" title="{{ 'footer.service.3.title'|trans|striptags|sw_sanitize }}">
  330.                                                     {{ 'footer.service.3.title'|trans|sw_sanitize }}
  331.                                                 </a>
  332.                                             </li>{% endif %}
  333.                                             {% if 'footer.service.4.url'|trans != 'footer.service.4.url' %}<li class="footer-link-item py-2">
  334.                                                 <a class="footer-link" href="{{ 'footer.service.4.url'|trans }}" title="{{ 'footer.service.4.title'|trans|striptags|sw_sanitize }}">
  335.                                                     {{ 'footer.service.4.title'|trans|sw_sanitize }}
  336.                                                 </a>
  337.                                             </li>{% endif %}
  338.                                             {% if 'footer.service.5.url'|trans != 'footer.service.5.url' %}<li class="footer-link-item py-2">
  339.                                                 <a class="footer-link" href="{{ 'footer.service.5.url'|trans }}" title="{{ 'footer.service.5.title'|trans|striptags|sw_sanitize }}">
  340.                                                     {{ 'footer.service.5.title'|trans|sw_sanitize }}
  341.                                                 </a>
  342.                                             </li>{% endif %}
  343.                                             {% if 'footer.service.6.url'|trans != 'footer.service.6.url' %}<li class="footer-link-item py-2">
  344.                                                 <a class="footer-link" href="{{ 'footer.service.6.url'|trans }}" title="{{ 'footer.service.6.title'|trans|striptags|sw_sanitize }}">
  345.                                                     {{ 'footer.service.6.title'|trans|sw_sanitize }}
  346.                                                 </a>
  347.                                             </li>{% endif %}
  348.                                             {% if 'footer.service.7.url'|trans != 'footer.service.7.url' %}<li class="footer-link-item py-2">
  349.                                                 <a class="footer-link" href="{{ 'footer.service.7.url'|trans }}" title="{{ 'footer.service.7.title'|trans|striptags|sw_sanitize }}">
  350.                                                     {{ 'footer.service.7.title'|trans|sw_sanitize }}
  351.                                                 </a>
  352.                                             </li>{% endif %}
  353.                                         {% endblock %}
  354.                                     </ul>
  355.                                 </div>
  356.                             </div>
  357.                         {% endblock %}
  358.                     </div>
  359.                 {% endblock %}
  360.                 
  361.                 
  362.                 {% block layout_footer_navigation_company %}
  363.                     <div class="col-md-3 footer-column js-footer-column px-0 px-md-4 border-right">
  364.                         {% block layout_footer_navigation_company_headline %}
  365.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger text-dark"
  366.                                  id="collapseFooterCompanyTitle"
  367.                                  data-target="#collapseFooterCompany"
  368.                                  aria-expanded="true"
  369.                                  aria-controls="collapseFooterCompany">
  370.                                 {{ 'footer.companyHeadline'|trans|sw_sanitize }}
  371.                                 {% block layout_footer_navigation_company_icons %}
  372.                                     <div class="footer-column-toggle">
  373.                                         <span class="footer-plus-icon">
  374.                                             <i class="material-icons d-block">expand_more</i>
  375.                                         </span>
  376.                                         <span class="footer-minus-icon">
  377.                                             <i class="material-icons d-block">expand_less</i>
  378.                                         </span>
  379.                                     </div>
  380.                                 {% endblock %}
  381.                             </div>
  382.                         {% endblock %}
  383.                         
  384.                         {% block layout_footer_navigation_company_content %}
  385.                             <div id="collapseFooterCompany"
  386.                                  class="footer-column-content collapse js-footer-column-content footer-company"
  387.                                  aria-labelledby="collapseFooterCompanyTitle">
  388.                                 <div class="footer-column-content-inner p-0 m-0">
  389.                                     <ul class="list-unstyled m-0 p-0">
  390.                                         {% block layout_footer_navigation_company_link_item %}
  391.                                             {% if 'footer.company.1.url'|trans != 'footer.company.1.url' %}<li class="footer-link-item py-2 pt-0">
  392.                                                 <a class="footer-link" href="{{ 'footer.company.1.url'|trans }}" title="{{ 'footer.company.1.title'|trans|striptags|sw_sanitize }}">
  393.                                                     {{ 'footer.company.1.title'|trans|sw_sanitize }}
  394.                                                 </a>
  395.                                             </li>{% endif %}
  396.                                             {% if 'footer.company.2.url'|trans != 'footer.company.2.url' %}<li class="footer-link-item py-2">
  397.                                                 <a class="footer-link" href="{{ 'footer.company.2.url'|trans }}" title="{{ 'footer.company.2.title'|trans|striptags|sw_sanitize }}">
  398.                                                     {{ 'footer.company.2.title'|trans|sw_sanitize }}
  399.                                                 </a>
  400.                                             </li>{% endif %}
  401.                                             {% if 'footer.company.3.url'|trans != 'footer.company.3.url' %}<li class="footer-link-item py-2">
  402.                                                 <a class="footer-link" href="{{ 'footer.company.3.url'|trans }}" title="{{ 'footer.company.3.title'|trans|striptags|sw_sanitize }}">
  403.                                                     {{ 'footer.company.3.title'|trans|sw_sanitize }}
  404.                                                 </a>
  405.                                             </li>{% endif %}
  406.                                             {% if 'footer.company.4.url'|trans != 'footer.company.4.url' %}<li class="footer-link-item py-2">
  407.                                                 <a class="footer-link" href="{{ 'footer.company.4.url'|trans }}" title="{{ 'footer.company.4.title'|trans|striptags|sw_sanitize }}">
  408.                                                     {{ 'footer.company.4.title'|trans|sw_sanitize }}
  409.                                                 </a>
  410.                                             </li>{% endif %}
  411.                                             {% if 'footer.company.5.url'|trans != 'footer.company.5.url' %}<li class="footer-link-item py-2">
  412.                                                 <a class="footer-link" href="{{ 'footer.company.5.url'|trans }}" title="{{ 'footer.company.5.title'|trans|striptags|sw_sanitize }}">
  413.                                                     {{ 'footer.company.5.title'|trans|sw_sanitize }}
  414.                                                 </a>
  415.                                             </li>{% endif %}
  416.                                             {% if 'footer.company.6.url'|trans != 'footer.company.6.url' %}<li class="footer-link-item py-2">
  417.                                                 <a class="footer-link" href="{{ 'footer.company.6.url'|trans }}" title="{{ 'footer.company.6.title'|trans|striptags|sw_sanitize }}">
  418.                                                     {{ 'footer.company.6.title'|trans|sw_sanitize }}
  419.                                                 </a>
  420.                                             </li>{% endif %}
  421.                                             {% if 'footer.company.7.url'|trans != 'footer.company.7.url' %}<li class="footer-link-item py-2">
  422.                                                 <a class="footer-link" href="{{ 'footer.company.7.url'|trans }}" title="{{ 'footer.company.7.title'|trans|striptags|sw_sanitize }}">
  423.                                                     {{ 'footer.company.7.title'|trans|sw_sanitize }}
  424.                                                 </a>
  425.                                             </li>{% endif %}
  426.                                         {% endblock %}
  427.                                     </ul>
  428.                                 </div>
  429.                             </div>
  430.                         {% endblock %}
  431.                     </div>
  432.                 {% endblock %}
  433.                 
  434.                 {% block layout_footer_navigation_social %}
  435.                     <div class="col-md-3 footer-column js-footer-column px-0 px-md-4">
  436.                         {% block layout_footer_navigation_social_headline %}
  437.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger text-dark"
  438.                                  id="collapseFooterSocialTitle"
  439.                                  data-target="#collapseFooterSocial"
  440.                                  aria-expanded="true"
  441.                                  aria-controls="collapseFooterSocial">
  442.                                 {{ 'footer.socialHeadline'|trans|sw_sanitize }}
  443.                                 {% block layout_footer_navigation_social_icons %}
  444.                                     <div class="footer-column-toggle">
  445.                                         <span class="footer-plus-icon">
  446.                                             <i class="material-icons d-block">expand_more</i>
  447.                                         </span>
  448.                                         <span class="footer-minus-icon">
  449.                                             <i class="material-icons d-block">expand_less</i>
  450.                                         </span>
  451.                                     </div>
  452.                                 {% endblock %}
  453.                             </div>
  454.                         {% endblock %}
  455.                         
  456.                         {% block layout_footer_navigation_social_content %}
  457.                             <div id="collapseFooterSocial"
  458.                                  class="footer-column-content collapse js-footer-column-content footer-social"
  459.                                  aria-labelledby="collapseFooterSocialTitle">
  460.                                 <div class="footer-column-content-inner p-0 m-0">
  461.                                     <ul class="list-unstyled m-0 pt-2">
  462.                                         {% block layout_footer_navigation_social_link_item %}
  463.                                             {% if 'footer.social.facebook.url'|trans != 'footer.social.facebook.url' %}<li class="social-link-item">
  464.                                                 <a class="social-link" href="{{ 'footer.social.facebook.url'|trans }}" title="Facebook" target="_new">
  465.                                                     <img src="{{ asset('assets/img/social/icon_facebook.svg', '@ASE_eCommerce_v1') }}" />
  466.                                                 </a>
  467.                                             </li>{% endif %}
  468.                                             {% if 'footer.social.instagram.url'|trans != 'footer.social.instagram.url' %}<li class="social-link-item">
  469.                                                 <a class="social-link" href="{{ 'footer.social.instagram.url'|trans }}" title="Instagram" target="_new">
  470.                                                     <img src="{{ asset('assets/img/social/icon_instagram.svg', '@ASE_eCommerce_v1') }}" />
  471.                                                 </a>
  472.                                             </li>{% endif %}
  473.                                             {% if 'footer.social.linkedin.url'|trans != 'footer.social.linkedin.url' %}<li class="social-link-item">
  474.                                                 <a class="social-link" href="{{ 'footer.social.linkedin.url'|trans }}" title="LinkedIn" target="_new">
  475.                                                     <img src="{{ asset('assets/img/social/icon_linkedin.svg', '@ASE_eCommerce_v1') }}" />
  476.                                                 </a>
  477.                                             </li>{% endif %}
  478.                                             {% if 'footer.social.youtube.url'|trans != 'footer.social.youtube.url' %}<li class="social-link-item">
  479.                                                 <a class="social-link" href="{{ 'footer.social.youtube.url'|trans }}" title="YouTube" target="_new">
  480.                                                     <img src="{{ asset('assets/img/social/icon_youtube.svg', '@ASE_eCommerce_v1') }}" />
  481.                                                 </a>
  482.                                             </li>{% endif %}
  483.                                         {% endblock %}
  484.                                     </ul>
  485.                                 </div>
  486.                             </div>
  487.                         {% endblock %}
  488.                     </div>
  489.                 {% endblock %}
  490.             </div>
  491.         </section>
  492.     {% endblock %}
  493.     
  494.     {% block layout_footer_endline %}
  495.         <section class="bg-dark container mw-100 py-4 m-0">
  496.             <div class="row justify-content-md-center endlineBox text-center">
  497.                 <div class="col">
  498.                     <ul class="list-unstyled mb-3">
  499.                         {% if 'footer.endline.1.url'|trans != 'footer.endline.1.url' %}<li class="footer-link-item px-3 m-0 d-inline-block">
  500.                             <a class="footer-link text-light" href="{{ 'footer.endline.1.url'|trans }}" title="{{ 'footer.endline.1.title'|trans|striptags|sw_sanitize }}">
  501.                                 {{ 'footer.endline.1.title'|trans|sw_sanitize }}
  502.                             </a>
  503.                         </li>{% endif %}
  504.                         {% if 'footer.endline.2.url'|trans != 'footer.endline.2.url' %}<li class="footer-link-item px-3 m-0 d-inline-block">
  505.                             <a class="footer-link text-light" href="{{ 'footer.endline.2.url'|trans }}" title="{{ 'footer.endline.2.title'|trans|striptags|sw_sanitize }}">
  506.                                 {{ 'footer.endline.2.title'|trans|sw_sanitize }}
  507.                             </a>
  508.                         </li>{% endif %}
  509.                         {% if 'footer.endline.3.url'|trans != 'footer.endline.3.url' %}<li class="footer-link-item px-3 m-0 d-inline-block">
  510.                             <a class="footer-link text-light" href="{{ 'footer.endline.3.url'|trans }}" title="{{ 'footer.endline.3.title'|trans|striptags|sw_sanitize }}">
  511.                                 {{ 'footer.endline.3.title'|trans|sw_sanitize }}
  512.                             </a>
  513.                         </li>{% endif %}
  514.                         {% if 'footer.endline.4.url'|trans != 'footer.endline.4.url' %}<li class="footer-link-item px-3 m-0 d-inline-block">
  515.                             <a class="footer-link text-light" href="{{ 'footer.endline.4.url'|trans }}" title="{{ 'footer.endline.4.title'|trans|striptags|sw_sanitize }}">
  516.                                 {{ 'footer.endline.4.title'|trans|sw_sanitize }}
  517.                             </a>
  518.                         </li>{% endif %}
  519.                     </ul>
  520.                     <div class="w-100"></div>
  521.                     <div class="copyright text-light text-center">
  522.                         <small class="d-block footer-vat">
  523.                             {% if context.taxState == "gross" %}
  524.                                 {{ "footer.includeVat"|trans|raw }}
  525.                             {% else %}
  526.                                 {{ "footer.excludeVat"|trans|raw }}
  527.                             {% endif %}
  528.                         </small>
  529.                         &copy; {{ 'now'|date("Y") }} - {{ 'footer.copyrightText'|trans|sw_sanitize }}
  530.                     </div>
  531.                 </div>
  532.             </div>
  533.         </section>
  534.     {% endblock %}
  535. {% endblock %}