templates/includes/header.html.twig line 53

Open in your IDE?
  1. {% set info = pimcore_object(3) %}
  3. <div class="container-fluid">
  4.     <header class="header">
  5.         <div class="container-inner">
  6.             <div class="row justify-content-lg-end align-items-center">
  7.                 <div class="col-auto">
  8.                     <a class="logo" href="/">
  9.                         <img class="img-responsive emblem" src="{{ asset('/img/logo_embleem.png') }}" alt="">
  10.                         <img class="img-responsive word d-none d-sm-block" src="{{ asset('/img/logo_woord.png') }}" alt="">
  11.                     </a>
  12.                 </div>
  13.                 
  14.                 <div class="col d-none d-lg-block">
  15.                     <search
  16.                         products-url="{{ path('shop-category-clean') }}"
  17.                     ></search>
  18.                 </div>
  20.                 {% if info %}
  21.                 <div class="col-auto ms-auto d-none d-lg-block">
  22.                     <a href="tel:{{ info.phone }}" class="btn-phone">
  23.                         <div class="btn-phone__icon">
  24.                         </div>
  26.                         <div class="btn-phone__text">
  27.                             <div class="number">{{ info.phone }}</div>
  28.                             {#{ '8u - 16u en dit 7/7'|trans }#}
  29.                         </div>
  30.                     </a>
  31.                 </div>
  32.                 {% endif %}
  34.                 <div class="col-auto d-none d-lg-block">
  35.                     {% include 'includes/header-account.html.twig' %}
  36.                 </div>
  38.                 <div class="col-auto ms-auto ms-lg-0">
  39.                     <cart-overview-button
  40.                         link="{{ path('cart-overview') }}"
  41.                     ></cart-overview-button>
  42.                 </div>
  44.                 <div class="col-auto d-lg-none">
  45.                     <button class="btn btn-basket" id="nav-open" aria-label="{{ 'Menu'|trans }}">
  46.                         <i class="icon-menu"></i>
  47.                     </button>
  48.                 </div>
  49.             </div><!--/ .row -->
  50.         </div><!--/ .container-inner -->
  51.     </header>
  53.     {% set main_categories = app_get_main_categories(document) %}
  55.     <ul class="nav nav--top d-none d-lg-flex">    
  56.     {% for category in main_categories %}
  57.         <li class="nav-item">
  58.             <a href="{{ app_category_filter_generate_link(category, null, true) }}" class="nav-link">
  59.                 {{ category.name }}
  60.             </a>
  61.         </li>
  62.     {% endfor %}
  63.         
  64.         {% set promos_url = pimcore_url({'promotions': 'true'}, 'shop-category-clean', true) %}
  66.         <li class="nav-item">
  67.             <a href="{{ promos_url }}" class="nav-link">{{ 'Promoties'|trans }}</a>
  68.         </li>
  69.     </ul>
  70. </div><!--/ container-fluid -->
  74. <div class="overlay">
  75.     <section class="overlay__header">
  76.         <div class="container-fluid">
  77.             <div class="container-inner">
  78.                 <div class="row align-items-center">
  79.                     <div class="col-8">
  80.                         <a class="logo" href="/">
  81.                             <img class="img-responsive emblem" src="{{ asset('/img/logo_embleem.png') }}" alt="">
  82.                             <img class="img-responsive word d-none d-sm-block" src="{{ asset('/img/logo_woord.png') }}" alt="">
  83.                         </a>
  84.                     </div>
  86.                     <div class="col-4 text-end">
  87.                         <button class="btn btn-outline-dark nav-close" id="nav-close" aria-label="{{ 'Sluiten'|trans }}">&times;</button>
  88.                     </div>
  89.                 </div><!--/ .row -->
  90.             </div><!--/ .container-inner -->
  91.         </div><!--/ .container-fluid -->
  92.     </section>
  94.     <section class="overlay__body">
  95.         <div class="container-fluid">
  96.             <div class="container-inner">
  97.                 <search
  98.                 products-url="{{ path('shop-category-clean') }}"
  99.             ></search>
  101.                 <div class="row justify-content-between my-4">
  102.                     <div class="col-auto">
  103.                     {% if info %}
  104.                         <a href="tel:{{ info.phone }}" class="phone-link">
  105.                             <i class="icon-phone"></i>{{ info.phone }}
  106.                         </a>
  107.                     {% endif %}
  108.                     </div>
  110.                     <div class="col-auto">
  111.                         {% include 'includes/header-account.html.twig' %}
  112.                     </div>
  113.                 </div><!--/ .row -->
  114.             </div><!--/ .container-inner -->
  115.         </div><!--/ .container-fluid -->
  118.         <ul class="nav nav--overlay">
  119.              {% for category in main_categories %}
  120.                 <li class="nav-item">
  121.                     <a href="{{ app_category_filter_generate_link(category, null, true) }}" class="nav-link">
  122.                         {{ category.name }}
  123.                     </a>
  124.                 </li>
  125.             {% endfor %}
  127.             <li class="nav-item">
  128.                 <a href="{{ promos_url }}" class="nav-link">{{ 'Promoties'|trans }}</a>
  129.             </li>
  130.         </ul>
  131.     </section>
  132. </div>