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

Open in your IDE?
  1. <input type="checkbox" id="main-nav--toggle" class="main-nav--toggle" />
  3. <div class="main-nav--top">
  4.     <label for="main-nav--toggle" class="main-nav--burger">
  5.         <span></span>
  6.     </label>
  8.     <div class="mobile-menu-top">
  9.         <div class="mobile-menu--contact">
  10.             <a href="tel:{{ pimcore_website_config('phone')|replace({' ': ''}) }}">
  11.                 <i class="iconfont-phone"></i>
  12.                 <span>{{ pimcore_website_config('phone') }}</span>
  13.             </a>
  14.         </div>
  15.         <div class="mobile-menu--language">
  16.             {% for key, lang in get_localized_links(document) %}
  17.                 {% if app.request.locale != key %}
  18.                     <a href="{{ lang.link }}">{{ key|upper }}</a>
  19.                 {% endif %}
  20.             {% endfor %}
  21.         </div>
  22.     </div>
  23. </div>
  25. <nav class="main-nav" role="navigation">
  26.     <div class="scroll-wrapper">
  27.         <ul class="contact--first-level">
  28.             {% if pimcore_website_config('phone') %}
  29.                 <li>
  30.                     <a href="tel:{{ pimcore_website_config('phone')|replace({' ': ''}) }}">
  31.                         <i class="iconfont-phone"></i>
  32.                         <span>{{ pimcore_website_config('phone') }}</span>
  33.                     </a>
  34.                 </li>
  35.             {% endif %}
  36.             {% if pimcore_website_config('email') %}
  37.                 <li class="mobile-hidden">
  38.                     <a href="mailto:{{ pimcore_website_config('email') }}">
  39.                         <i class="iconfont-envelope"></i>
  40.                         <span>{{ pimcore_website_config('email') }}</span>
  41.                     </a>
  42.                 </li>
  43.             {% endif %}
  44.         </ul>
  46.         {% if not document is defined or not document %}
  47.             {% set document = pimcore_document(1) %}
  48.         {% endif %}
  49.         {% set mainNavStartNode = document.getProperty('mainnavStartNode') %}
  50.         {% set mainNav = conecto_build_nav(document, mainNavStartNode) %}
  51.         {% set renderer = pimcore_nav_renderer('menu') %}
  52.         <ul class="main-nav--first-level">
  53.             {% for key, page in mainNav %}
  54.                 {% if page.isVisible() and renderer.accept(page) %}
  55.                     {% set activeClass = '' %}
  56.                     {% set hiddenClass = '' %}
  57.                     {% set buttonClass = '' %}
  58.                     {% if page.getActive(true) %}
  59.                         {% set activeClass = 'main-nav--active' %}
  60.                     {% endif %}
  61.                     {% if page.getCustomSetting('menuAsButton') %}
  62.                         {% set hiddenClass = 'desktop-down-hidden' %}
  63.                         {% set buttonClass = 'btn btn--flat btn--outline-negative' %}
  64.                     {% endif %}
  65.                     <li class="{{ activeClass }} {{ hiddenClass }}">
  66.                         {% if page.hasVisiblePages %}
  67.                             <input type="checkbox" id="plusminus-{{ key }}" class="dropdown">
  68.                         {% endif %}
  69.                         <a class="{{ buttonClass }}" href="{{ page.href }}" target="{{ page.getTarget() }}">
  70.                             {{ page.label }}
  71.                         </a>
  72.                         {% if page.hasVisiblePages %}
  73.                             <label for="plusminus-{{ key }}" class="next"><span class="next--arrow"></span></label>
  74.                             <ul class="main-nav--sub" aria="submenu">
  75.                                 {% for child in page.pages %}
  76.                                     {% if child.isVisible() and renderer.accept(child) %}
  77.                                         <li {% if child.getActive(true) %} class="main-nav--sub-active"{% endif %}>
  78.                                             <a href="{{ child.href }}" target="{{ child.getTarget() }}">{{ child.label }}</a>
  79.                                             {% if child.hasPages %}
  80.                                                 <ul class="main-nav--third-level">
  81.                                                     {% for childPages in child.pages %}
  82.                                                         <li><i class="iconfont-arrow-right"></i><a href="{{ childPages.href }}" target="{{ childPages.getTarget() }}">{{ childPages.label }}</a></li>
  83.                                                     {% endfor %}
  84.                                                 </ul>
  85.                                             {% endif %}
  86.                                         </li>
  87.                                     {% endif %}
  88.                                 {% endfor %}
  89.                             </ul>
  90.                         {% endif %}
  91.                     </li>
  92.                 {% endif %}
  93.             {% endfor %}
  94.         </ul>
  96.         <div class="mobile-menu-bottom">
  97.             <ul class="mobile-menu-bottom--buttons">
  98.                 {% if pimcore_website_config('anfragen') %}
  99.                     <li><a href="{{ pimcore_website_config('anfragen') }}" class="btn btn--flat btn--outline-negative">{{ 'mobileNav.Anfragen'|trans }}</a></li>
  100.                 {% endif %}
  101.                 {% if pimcore_website_config('buchen') %}
  102.                     <li><a href="{{ pimcore_website_config('buchen') }}" class="btn btn--flat btn--outline-negative--variant">{{ 'mobileNav.Buchen'|trans }}</a></li>
  103.                 {% endif %}
  104.             </ul>
  105.             <ul class="page-header--social">
  106.                 {{ include('includes/layout/header/social-media-icons.html.twig') }}
  107.             </ul>
  108.         </div>
  109.     </div>
  111. </nav>
  113. <label class="main-nav--overlay" for="main-nav--toggle"></label>