templates/document/division_page/header.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. {% block headScriptBlock %}
  3. {% apply spaceless -%}
  4. {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  5. {# we use the view helper to have cache buster functionality #}
  7. {% do pimcore_head_link().appendStylesheet(asset('static/css/bootstrap.css')) %}
  8. {% do pimcore_head_link().appendStylesheet(asset('static/css/Stoelting.css')) %}
  10. {% if editmode is defined and editmode %}
  11. {% do pimcore_head_link().appendStylesheet(asset('static/css/AdminMode.css')) %}
  12. {% endif %}
  14. {% do pimcore_head_script().appendFile(asset('static/js/bootstrap.js')) %}
  15. {% do pimcore_head_script().appendFile(asset('static/js/Stoelting.js')) %}
  16. {%- endapply %}
  18. {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  19. {# {% block layout_head_meta deferred %}
  20.             {% include "Default/metaTags.html.twig" %}
  21.         {% endblock %} #}
  23. {% block head_stylesheets%}
  24. {{ pimcore_head_link() }}
  25. {% endblock %}
  26. {% endblock %}
  27. {% endif %}
  28. <script>
  29.   window.ecommerceConfig = {
  30.       locale: '{{ app.request.locale }}',
  31.       language: '{{ division }}'
  32.   }
  33.   window.stoelting = {
  34.     locale: '{{ app.request.locale }}',
  35.     division: '{{ division }}'
  36.   }
  37. </script>
  39. <navigation {{ editmode ? 'style="width: 100%"' }}>
  40.   <nav class="navbar navbar-expand-lg navbar-light bg-primary" style="z-index: 10;" id="headerNavigation">
  41.     <div class="container">
  42.       <a class="navbar-brand" href="/{{ division is defined ? division }}"> <!-- * Return to division home page -->
  43.         <img style="width: 200px"
  44.           src="{{ pimcore_website_config('site_logo') ? pimcore_website_config('site_logo').getThumbnail('Stoelting_logo') : '' }}"
  45.           alt="Stoelting logo">
  46.       </a>
  47.       <!-- <div class="navbar-toggler--desktop">
  48.         <button class="navbar-toggler" type="button">
  49.           <span class="navbar-toggler-icon"></span>
  50.           <span class="navbar-toggler-icon--close">
  51.             {{ block('closeIcon','svg-icons/svg-icons.html.twig') }}
  52.           </span>
  53.         </button>
  54.       </div> -->
  55.       <div class="collapse navbar-collapse" id="navbarNav">
  56.         <ul class="navbar-nav mr-auto">
  57.           <li class="nav-item dropdown mr-4 mr-lg-4 mr-md-4 ml-5 ml-lg-5 ml-md-5">
  58.             <a class="nav-link dropdown-toggle collapsed" data-toggle="collapse" href="#productsDropdown" role="button" aria-expanded="false" aria-controls="productsDropdown">
  59.               Products
  60.             </a>
  61.           </li>
  62.           {% if resourceMenuLinks is defined and resourceMenuLinks | length > 0 %}
  63.             <li class="nav-item dropdown mr-4 mr-lg-4 mr-md-4">
  64.               <a class="nav-link dropdown-toggle collapsed" data-toggle="collapse" href="#resourcesDropdown" role="button" aria-expanded="false" aria-controls="resourcesDropdown">
  65.                 Resources
  66.               </a>
  67.               <div class="dropdown-menu collapse custom-dropdown" id="resourcesDropdown" data-parent="#headerNavigation" aria-labelledby="navbarDropdown">
  68.                 {% if resourceMenuLinks %}
  69.                     <ul class="p-0">
  70.                       {% for link in resourceMenuLinks %}
  71.                         <li class="py-2 py-lg-2 py-md-2">
  72.                             <a href="{{ link.link }}" class="">
  73.                                 {{ link.name }}
  74.                             </a>
  75.                         </li>
  76.                       {% endfor %}
  77.                     </ul>
  78.                   {% endif %}
  79.               </div>
  80.             </li>
  81.           {% endif %}
  82.             {% if getSiteDivision() == 'Psychological-Testing' %}
  83.                 <li class="nav-item dropdown mr-4 mr-md-4 mr-lg-4">
  84.                     <a class="nav-link dropdown-toggle collapsed" href="#researchDropdown" data-toggle="collapse" href="#researchDropdown" role="button" aria-expanded="false" aria-controls="researchDropdown">
  85.                       Research
  86.                     </a>
  88.                     <div class="dropdown-menu collapse custom-dropdown" id="researchDropdown" data-parent="#headerNavigation" aria-labelledby="navbarDropdown">
  89.                       {% if researchMenuLinks is defined %}
  90.                         <ul class="p-0">
  91.                           {% for link in researchMenuLinks %}
  92.                             <li class="py-2 py-lg-2 py-md-2">
  93.                                 <a href="{{ link.link }}" class="">
  94.                                     {{ link.name }}
  95.                                 </a>
  96.                             </li>
  97.                           {% endfor %}
  98.                         </ul>
  99.                       {% endif %}
  100.                   </div>
  101.                 </li>
  102.                 <li class="nav-item dropdown">
  103.                     <a class="nav-link dropdown-toggle collapsed" href="#educationDropdown" data-toggle="collapse" href="#educationDropdown" role="button" aria-expanded="false" aria-controls="educationDropdown">
  104.                       Education
  105.                     </a>
  107.                     <div class="dropdown-menu collapse custom-dropdown" id="educationDropdown" data-parent="#headerNavigation" aria-labelledby="navbarDropdown">
  108.                       {% if educationMenuLinks is defined %}
  109.                         <ul class="p-0">
  110.                           {% for link in educationMenuLinks %}
  111.                             <li class="py-2 py-lg-2 py-md-2">
  112.                                 <a href="{{ link.link }}" class="">
  113.                                     {{ link.name }}
  114.                                 </a>
  115.                             </li>
  116.                           {% endfor %}
  117.                         </ul>
  118.                       {% endif %}
  119.                   </div>
  120.                 </li>
  121.               {% else %}
  122.                   <li class="nav-item dropdown mr-4 mr-md-4 mr-lg-4">
  123.                     <a class="nav-link dropdown-toggle collapsed" href="#supportDropdown" data-toggle="collapse" href="#supportDropdown" role="button" aria-expanded="false" aria-controls="supportDropdown">
  124.                       Support
  125.                     </a>
  127.                     <div class="dropdown-menu collapse custom-dropdown" id="supportDropdown" data-parent="#headerNavigation" aria-labelledby="navbarDropdown">
  128.                       {% if supportMenuLinks is defined %}
  129.                         <ul class="p-0">
  130.                             {% for link in supportMenuLinks %}
  131.                                 {% set isQuote = link.name == 'Request a Quote' %}
  132.                                 <li class="py-2 py-lg-2 py-md-2">
  133.                                     <a href="{{ link.link }}"
  134.                                        {% if isQuote %}class="request-a-qoute-click-element" data-gtm-event="request-a-quote-click"{% endif %}
  135.                                     >
  136.                                         {{ link.name }}
  137.                                     </a>
  138.                                 </li>
  139.                             {% endfor %}
  140.                         </ul>
  141.                       {% endif %}
  142.                   </div>
  143.                 </li>
  144.                 <li class="nav-item dropdown mr-4 mr-md-4 mr-lg-4">
  145.                   <a class="nav-link dropdown-toggle collapsed" href="#aboutDropdown" data-toggle="collapse" href="#aboutDropdown" role="button" aria-expanded="false" aria-controls="aboutDropdown">
  146.                     About
  147.                   </a>
  149.                   <div class="dropdown-menu collapse custom-dropdown" id="aboutDropdown" data-parent="#headerNavigation" aria-labelledby="navbarDropdown">
  150.                     {% if aboutMenuLinks is defined %}
  151.                       <ul class="p-0">
  152.                         {% for link in aboutMenuLinks %}
  153.                           <li class="py-2 py-lg-2 py-md-2">
  154.                               <a href="{{ link.link }}" class="">
  155.                                   {{ link.name }}
  156.                               </a>
  157.                           </li>
  158.                         {% endfor %}
  159.                       </ul>
  160.                     {% endif %}
  161.                 </div>
  162.             {% endif %}
  163.         </ul>
  166.       </div>
  167.       <ul class="navbar-nav ml-auto d-flex flex-row align-items-center">
  168.         <li class="nav-item desktop-visible" style="margin-top: 2px;">
  169.           {% if app.user %}
  170.             <a class="nav-link mr-1 mr-lg-1 mr-md-3" href="{{ path('account_show_dashboard', {'division': getSiteDivision()}) }}" style="text-transform: none;">
  171.               <div class="d-flex align-items-center">
  172.                 <img src="{{ asset('static/images/icons/icon_user.svg') }}" class=" mr-2 mr-lg-2 mr-md-2" alt="Icon user" style="width: 22px;">
  173.                 {{ app.user.firstname }}
  174.               </div>
  175.             </a>
  176.           {% else %}
  177.             <a class="nav-link mr-1 mr-lg-1 mr-md-3" href="{{ path('login', {'division': getSiteDivision(), '_target_path' : requestUri}) }}" style="text-transform: none;">
  178.               <div class="d-flex align-items-center">
  179.                 <img src="{{ asset('static/images/icons/icon_user.svg') }}" class=" mr-2 mr-lg-2 mr-md-2" alt="Icon user" style="width: 22px;">
  180.                 {{ 'Login' }}
  181.               </div>
  182.             </a>
  183.           {% endif %}
  184.         </li>
  185.         {% if app.user %}
  186.           <li class="nav-item vertical-line-after desktop-visible">
  187.             <a class="nav-link text-capitalize px-2 px-lg-2 px-md-2" href="{{ path('account_quoute_index', {'division': getSiteDivision()}) }}">Quotes</a>
  188.           </li>
  189.           <li class="nav-item desktop-visible mr-md-3">
  190.             <a class="nav-link text-capitalize px-2 px-lg-2 px-md-2" href="{{ path('account_order_index', {'division': getSiteDivision()}) }}">Orders</a>
  191.           </li>
  192.         {% endif %}
  193.         <li class="nav-item mr-4 mr-lg-1 mr-md-3 nav-item-search">
  194.           <a class="nav-link" href="#" style="text-transform: none;">
  195.             <div class="d-flex align-items-center">
  196.               <img src="{{ asset('static/images/icons/icon_search.svg') }}" alt="Icon search" style="width: 18px;">
  197.             </div>
  198.           </a>
  199.           <div class="nav-item-search-dropdown d-none">
  200.             <div class="container">
  201.               <div class="nav-item-search-dropdown-input-box">
  202.                 {{ form_start(form,{'action': path('search', {'division': division}), 'method': 'GET', 'attr': {'novalidate': 'novalidate'}}) }}
  203.                 {{ form_end(form) }}
  204.                 <a href="javascript:;" class="search-submit-button">
  205.                   <img src="{{ asset('static/images/icons/right-arrow.svg') }}" alt="Arrow right icon">
  206.                 </a>
  207.               </div>
  208.             </div>
  209.           </div>
  210.         </li>
  211.         <li class="nav-item pr-4 mr-3 mr-md-0 mr-lg-0 pr-md-3 pr-lg-1" id="VueMiniCart" >
  212.           <a class="nav-link btn-cart" :class="{'btn-cart--empty': isEmpty}" data-toggle="collapse" href="#toggleMiniCart" role="button" >
  213.             <img src="{{ asset('static/images/icons/icon_cart_indigo.svg') }}" class="icon-cart--active d-none" alt="Icon cart" style="pointer-events: none;width:22px;">
  214.             <img src="{{ asset('static/images/icons/icon_cart.svg') }}" class="icon-cart" alt="Icon cart" style="pointer-events: none;width:22px;">
  215.             <span v-show="!isEmpty" style="display: none;" class="btn-cart-number" v-html="productsCount"></span>
  216.           </a>
  217.           <div v-show="!isEmpty">
  218.             {% include "Components/miniCart.html.twig" %}
  219.           </div>
  220.           <div v-show="isEmpty">
  221.             <div class="mini-cart mini-cart-empty show-caret p-4 p-lg-4 p-md-4 py-5 py-lg-5 py-md-5 d-none">
  222.               <h3 class="mb-2 mb-lg-2 mb-md-2 font-weight-bold text-deepGray">{{ 'mini-cart.isEmpty' | trans }}</h3>
  223.               <p class="big mb-4 mb-lg-4 mb-md-4 font-weight-light text-deepGray font-italic">{{ 'mini-cart.isEmpty.sublabel' | trans }}</p>
  224.               <a href="{{ '/' ~ getSiteDivision() }}" class="btn btn-primary align-self-center">
  225.                   {{ 'mini-cart.isEmpty.btn' | trans }}
  226.               </a>
  227.             </div>
  228.           </div>
  229.         </li>
  230.       </ul>
  231.       <div class="navbar-toggler--mobile d-flex">
  232.         <button class="navbar-toggler" type="button">
  233.           <span class="navbar-toggler-icon"></span>
  234.           <span class="navbar-toggler-icon--close svg-indigo">
  235.             {{ block('closeIcon','svg-icons/svg-icons.html.twig') }}
  236.           </span>
  237.         </button>
  238.       </div>
  241.     </div>
  242.     <div class="dropdown-menu collapse" id="productsDropdown" data-parent="#headerNavigation" aria-labelledby="navbarDropdown" style="z-index: 900;">
  243.         <div class="row">
  244.           {% if mainNavigation.products is defined %}
  245.             {% for productPage in mainNavigation.products %}
  246.                 {% if productPage.exclude == null %}
  247.                     <div class="col-xl-2 col-lg-3">
  248.                         <ul>
  249.                             <li class="my-3 my-lg-3 my-md-3">
  250.                                 <a href="{{ productPage.url }}" class="text-uppercase font-weight-bold text-navyBlue">
  251.                                     {{ productPage.label }}
  252.                                 </a>
  253.                             </li>
  254.                             {% for subProductPage in productPage.pages %}
  255.                                 {% if subProductPage.exclude == null %}
  256.                                     <li>
  257.                                         <a href="{{ subProductPage.url }}">
  258.                                             <small>
  259.                                                 {{ subProductPage.label }}
  260.                                             </small>
  261.                                         </a>
  262.                                     </li>
  263.                                 {% endif %}
  264.                             {% endfor %}
  265.                         </ul>
  266.                     </div>
  267.                 {% endif %}
  268.             {% endfor %}
  269.           {% endif %}
  270.         </div>
  271.       </div>
  272.   </nav>
  273. </navigation>