templates/layout/includes/header.html.twig line 1

Open in your IDE?
  1. {# Get the current language from the Request #}
  2. {% set currentLocale = app.request.locale %}
  3. {% set loginRoute = (currentLocale == 'en') ? 'login_en' : 'login_es' %}
  5. <div id="sticky-header"></div>
  6. <div class="header-main header-18">
  7.     {# Main Navigation Desktop #}
  8.     {{ include("layout/includes/navegation/desktop.html.twig") }}
  9.     {# End Main Navigation Desktop #}
  10.     <header id="header" class="header header-space-mobile d-flex align-items-center {% if is_authenticated %}header-authenticated{% else %}header-unauthenticated{% endif %}">
  11.     <div class="container-fluid">
  12.             <div
  13.                 class="row justify-content-center">
  14.                 {# Logo / Menu Toggle #}
  15.                 <div
  16.                     class="col-6 col-sm-6 col-md-6 col-lg-2 align-self-center justify-content-center d-flex d-lg-none">
  17.                     {# Mobile Toggle #}
  18.                     <button type="button" class="btn--link site-header__menu js-mobile-nav-toggle mobile-nav--open me-3 d-lg-none">
  19.                         <i class="icon an an-times-l"></i>
  20.                         <i class="icon an an-bars-l"></i>
  21.                     </button>
  22.                     {# End Mobile Toggle #}
  23.                 </div>
  24.                 {# End Logo / Menu Toggle #}
  25.                 {% if is_authenticated %}
  26.                     <div class="col-6 col-sm-6 col-md-6 col-lg-2 align-items-end d-none d-lg-flex justify-content-end">
  27.                         {# User Manual Dropdown #}
  28.                         <div class="dropdown">
  29.                             <div class="user-manual-link iconset" data-bs-toggle="dropdown" aria-expanded="false" style="cursor: pointer;">
  30.                                 <span>{{ 'User Guide' | trans }}</span>
  31.                             </div>
  32.                             <div class="dropdown-menu-end">
  33.                                 {{ pimcore_inc('/' ~ app.request.locale ~ '/includes/user-manual',{},false) }}
  34.                             </div>
  35.                         </div>
  36.                     </div>
  37.                 {% endif %}
  38.                 {# Search Inline #}
  39.                 {{ include("layout/includes/search-inline.html.twig") }}
  40.                 {# End Search Inline #}
  41.                 {% if is_authenticated %} 
  42.                 <div class="col-6 col-sm-6 col-md-6 col-lg-2 d-none d-lg-block">
  43.                 
  44.                 </div>
  45.                 {% endif %}
  46.                 <div class="col-6 col-sm-6 col-md-6 col-lg-2 align-items-center d-flex d-lg-none"> 
  47.                     <div class="site-search iconset">
  48.                         <i class="icon an an-search-l"></i>
  49.                         <span class="tooltip-label">Search</span>
  50.                     </div>
  51.                     {# End Search #}
  53.                     {# User Account/Professional Area #}
  54.                     {% if is_authenticated %}
  55.                         <div class="user-link iconset dropdown">
  56.                             <button class="btn btn-link dropdown-toggle" type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
  57.                                 <i class="icon an an-user d-block"></i>
  58.                                 <span class="text d-none"></span>
  59.                             </button>
  60.                             <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
  61.                                 {% set currentLocale = app.request.locale %}
  62.                                 {% if currentLocale == 'en' %}
  63.                                     <li><a class="dropdown-item" href="{{ path('myAccount')}}">{{ "My account" | trans }}</a></li>
  64.                                     <li><a class="dropdown-item" href="{{ path('account_logout')}}">{{ "Logout" | trans }}</a></li>
  65.                                 {% else %}
  66.                                     <li><a class="dropdown-item" href="{{ path('myAccount')}}">{{ "Mi cuenta" | trans }}</a></li>
  67.                                     <li><a class="dropdown-item" href="{{ path('account_logout')}}">{{ "Salir" | trans }}</a></li>
  68.                                 {% endif %}
  69.                             </ul>
  70.                         </div>
  71.                         {# Minicart Drawer #}
  72.                         {{ pimcore_inc('/' ~ app.request.locale ~ '/includes/navbar-top',{},false) }}
  73.                         {#                        {{ include("layout/includes/minicart/minicart-drawer-btn.html.twig") }}#}
  74.                         {# End Minicart Drawer #}
  75.                     {% else %}
  76.                         <div class="user-link iconset">
  77.                             <a href="{{ path(loginRoute) }}">
  78.                                 <i class="icon an an-sign-in-al d-block"></i>
  79.                                 <span class="text d-none">{{ 'layout.navbar-desktop.professional-area_translations' | trans }}</span>
  80.                             </a>
  81.                         </div>
  82.                     {% endif %}
  83.                     {# End User Account/Professional Area #}
  84.                     
  85.                     {# Language Selector #}
  86.                     {{ include("layout/includes/settings.html.twig") }}
  87.                     {# End Language Selector #}
  88.                 </div>
  89.                 {# End Right Action #}
  90.             </div>
  91.         </div>
  92.         {# Search Popup #}
  93.         {{ include("layout/includes/search-popup.html.twig") }}
  94.         {# End Search Popup #}
  95.     </header>
  96.     {# End Header #}
  97.     {% if is_authenticated and api_sage.access_token == '' %}
  98.         {{ include("layout/includes/error-with-sage-api.html.twig") }}
  99.     {% endif %}
  100. </div>