custom/plugins/SelfdelveCms/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {% block layout_header_navigation %}
  4.     {{ parent() }}
  6.     {# Custom tabnav navigation #}
  7.     {% block layout_header_navigation_tabnav %}
  8.         {% apply spaceless %}
  9.             <div class="row header-row">
  10.                 <div class="col-12">
  11.                     <div class="d-none d-lg-flex justify-content-end">
  12.                         <nav>
  13.                             {% for category in context.context.extensions.topnav['categories'] %}
  14.                                 {% set name = category.translated.name %}
  15.                                 <a href="{{ category_url(category) }}" class="tabnav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}" title="{{ name }}">
  16.                                     <span class="tabnav-item--{{ name|lower|replace({' ' : '-'}) }}">{{ name }}</span>
  17.                                 </a>
  18.                             {% endfor %}
  19.                         </nav>
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         {% endapply %}
  24.     {% endblock %}
  25. {% endblock %}
  27. {% block layout_header_search_toggle %}
  28.     {# Display on all mobile devices #}
  29.     <div class="col-auto d-lg-none">
  30.         <div class="search-toggle">
  31.             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  32.                     type="button"
  33.                     data-toggle="collapse"
  34.                     data-target="#searchCollapse"
  35.                     aria-expanded="false"
  36.                     aria-controls="searchCollapse"
  37.                     aria-label="{{ "header.searchButton"|trans|striptags }}">
  38.                 {% sw_icon 'search' %}
  39.             </button>
  40.         </div>
  41.     </div>
  42. {% endblock %}