templates/includes/top-header.html.twig line 1

Open in your IDE?
  1. {% set ServiceNavStartNode = document.getProperty('service_navigation_root') %}
  2. {% set serviceNavigation = pimcore_build_nav({active: document, root: ServiceNavStartNode}) %}
  3. {% set serviceMenuRenderer = pimcore_nav_renderer('menu') %}
  5. <div class="top-header">
  6.     <ul class="service-nav flex flex-end">
  7.         {% for page in serviceNavigation %}
  8.             {% if (page.isVisible and serviceMenuRenderer.accept(page)) %}
  9.                 {% set activeClass = page.getActive(true) ? 'active' : '' %}
  10.                 {% if page.target %}
  11.                     {% set target = page.target %}
  12.                 {% else %}
  13.                     {% set target = '_self' %}
  14.                 {% endif %}
  15.                 <li>
  16.                     <a class="{{ activeClass }}" href="{{ page.href }}" target="{{ target }}" title="{{ page.label }}">{{ page.label }}</a>
  17.                 </li>
  18.             {% endif %}
  19.         {% endfor %}
  20.         
  21.         {% if deviceType != "phone" %}
  22.             <li>
  23.                 <div class="desktop-search">
  24.                     <form class="search-form flex" id="navigation-search-form" action="{{ document.getProperty('search') }}" name="q" novalidate="">
  25.                         <input class="search-input" id="navigation-search-input-desktop" type="text" name="q" value="" placeholder="{{ 'Suche' | trans }}..." required="">
  26.                         <button title="Suche" type="submit" id="search-submit-desktop">
  27.                             <svg width="20" height="20.005" viewBox="0 0 20 20.005">
  28.                                 <path d="M24.265,23.05,18.7,17.436a7.927,7.927,0,1,0-1.2,1.219l5.526,5.578a.856.856,0,0,0,1.208.031A.862.862,0,0,0,24.265,23.05ZM12.474,18.722A6.259,6.259,0,1,1,16.9,16.889,6.221,6.221,0,0,1,12.474,18.722Z" transform="translate(-4.5 -4.493)" fill="#dddad3"/>
  29.                             </svg>
  30.                         </button>
  31.                     </form>
  32.                 </div>
  33.             </li>
  34.         {% endif %}
  35.     </ul>
  36. </div>