templates/includes/footer.html.twig line 1

Open in your IDE?
  1. {% set info = pimcore_object(3) %}
  3. {% if info %}
  4. <div class="container-fluid">
  5.     <footer class="footer">
  6.         <section class="footer__top">
  7.             <div class="container-inner">
  8.                 <div class="row">
  9.                     <div class="col-md-7 col-lg-5 mb-4 mb-lg-0">
  10.                     {% if info %}
  11.                         <div class="icon-link">
  12.                             <div class="icon-link__icon"><i class="icon-phone"></i></div>
  13.                             <div class="icon-link__title">{{ 'Bel ons op:'|trans }}</div>
  14.                             <a class="icon-link__value" href="tel:{{ info.phone }}">{{ info.phone }}</a>
  15.                         </div>
  17.                         <div class="icon-link">
  18.                             <div class="icon-link__icon"><i class="icon-mail"></i></div>
  19.                             <div class="icon-link__title">{{ 'Inlichtingen nodig?'|trans }}</div>
  20.                             <a class="icon-link__value" href="mailto:{{ info.email }}">{{ info.email }}</a>
  21.                         </div>
  23.                         <div class="icon-link">
  24.                             <div class="icon-link__icon"><i class="icon-list-bullet"></i></div>
  25.                             <div class="icon-link__title">{{ 'Bestellingen:'|trans }}</div>
  26.                             <a class="icon-link__value" href="mailto:{{ info.emailOrders }}">{{ info.emailOrders }}</a>
  27.                         </div>
  28.                     {% endif %}
  29.                     </div>
  31.                     <div class="col-md-5 col-lg-3 mb-4 mb-lg-0">
  32.                     {% if info %}
  33.                         <p class="title">{{ 'Vind ons ook op:'|trans }}</p>
  35.                         <div class="icon-link">
  36.                             <div class="icon-link__icon"><i class="icon-instagram"></i></div>
  37.                             <a class="icon-link__value" href="https://instagram.com/{{ info.instagramHandle }}" target="_blank">{{ info.instagramHandle }}</a>
  38.                         </div>
  40.                         <div class="icon-link">
  41.                             <div class="icon-link__icon"><i class="icon-facebook"></i></div>
  42.                             <a class="icon-link__value" href="https://facebook.com/{{ info.facebookHandle }}" target="_blank">@{{ info.facebookHandle }}</a>
  43.                         </div>
  45.                         <div class="icon-link">
  46.                             <div class="icon-link__icon"><i class="icon-linkedin"></i></div>
  47.                             <a class="icon-link__value" href="https://www.linkedin.com/company/{{ info.linkedInHandle }}" target="_blank">@{{ info.linkedInHandle }}</a>
  48.                         </div>
  49.                     {% endif %}
  50.                     </div>
  52.                     <div class="col-sm-12 col-lg-4">
  53.                         <p class="title text-center text-sm-start">{{ 'Meer informatie vind je via:'|trans }}</p>
  55.                         {% set footerInfoNavStartNode = document.getProperty('footer_info_navigation_root') %}
  56.                         {% set footerInfoNavigation = pimcore_build_nav({active: document, root: footerInfoNavStartNode}) %}
  57.                         {% set menuRenderer = pimcore_nav_renderer('menu') %}
  59.                         {% for page in footerInfoNavigation %}
  60.                             {% if page.isVisible() and menuRenderer.accept(page)  %}
  61.                                     <a class="nav-link" href="{{ page.getHref() }}">{{ page.getLabel() }}</a>
  62.                             {% endif %}
  63.                         {% endfor %}
  64.                     </div>
  65.                 </div><!--/ .row -->
  66.             </div><!--/ .container-inner -->
  67.         </section>
  69.         <section class="footer__bottom">
  70.             <div class="container-inner">
  71.                 <div class="row">
  72.                     <div class="col-md-auto">
  73.                         {% set footerNavStartNode = document.getProperty('footer_navigation_root') %}
  74.                         {% set footerNavigation = pimcore_build_nav({active: document, root: footerNavStartNode}) %}
  75.                         {% set menuRenderer = pimcore_nav_renderer('menu') %}
  77.                         <ul class="nav nav--footer">
  78.                             <li class="nav-item">
  79.                                 <span>&copy; {{ info.key }}</span>
  80.                             </li>
  82.                         {% for page in footerNavigation %}
  83.                             {% if page.isVisible() and menuRenderer.accept(page)  %}
  84.                                 <li class="nav-item">
  85.                                     <a class="nav-link" href="{{ page.getHref() }}">{% if loop.index != 1 %}{% endif %}{{ page.getLabel() }}</a>
  86.                                 </li>
  87.                             {% endif %}
  88.                         {% endfor %}
  90.                             <li class="nav-item">
  91.                                 <a class="nav-link" href="javascript:;" id="ntr-cookie-show">{{ 'Cookie instellingen'| trans }}</a>
  92.                             </li>
  94.                              <li class="nav-item">
  95.                                 <a class="nav-link" href="{{ path('representative-login') }}">{{ 'Vertegenwoordiger login'| trans }}</a>
  96.                             </li>
  97.                         </ul>
  98.                     </div>
  100.                     <div class="col-12 col-md-auto col-lg-auto ms-md-auto mt-2 mt-md-0">
  101.                         <p class="credits text-center text-md-start">{{'Nog een portaal door'|trans}} <a href="https://ntriga.agency" target="_blank">Ntriga</a></p>
  102.                     </div>
  103.                 </div>
  104.             </div><!--/ .container-inner -->
  105.         </section>
  106.     </footer>
  107. </div><!--/ .container-fluid -->
  108. {% endif %}