{% block layout_header_top_bar %} <div class="top-bar"> <div class="row header-row py-0"> <div class="d-none d-lg-block col-4"> {# Adapted search form (no collapsing) #} {% block layout_header_top_bar_search %} <div class="top-bar-search d-none d-lg-block"> <div class="header-search"> <form action="{{ path('frontend.search.page') }}" method="get" data-search-form="true" data-url="{{ path('frontend.search.suggest') }}?search=" class="header-search-form"> {% block layout_header_search_input_group %} <div class="input-group"> {% block layout_header_search_input %} <input type="search" name="search" class="form-control header-search-input" autocomplete="off" autocapitalize="off" placeholder="{{ "header.searchPlaceholder"|trans|striptags }}" aria-label="{{ "header.searchPlaceholder"|trans|striptags }}" value="{{ page.searchTerm }}" > {% endblock %} {% block layout_header_search_button %} <div class="input-group-append"> <button type="submit" class="btn header-search-btn" aria-label="{{ "header.searchButton"|trans|striptags }}"> <span class="header-search-icon"> {% sw_icon 'search' %} </span> </button> </div> {% endblock %} </div> {% endblock %} </form> </div> </div> {% endblock %} </div> <div class="col-10 col-lg-6"> {% block layout_header_top_bar_servicemenu %} {% if page.header.serviceMenu %} <div class="top-bar-servicemenu"> <ul class="d-none d-md-block list-unstyled"> {% for serviceMenuItem in page.header.serviceMenu %} {% if serviceMenuItem.childCount == 0 %} <li class="d-inline-block"> <a class="text-white px-2" href="{{ category_url(serviceMenuItem) }}" title="{{ serviceMenuItem.translated.name }}"> {{ serviceMenuItem.translated.name }} </a> </li> {% endif %} {% endfor %} </ul> <div class="d-block d-md-none dropdown"> <button class="btn dropdown-toggle top-bar-nav-btn text-white" type="button" id="dropdown-servicemenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> {{ "SelfdelveCms.header.serviceMenu"|trans|striptags }} </button> <ul class="top-bar-list dropdown-menu" aria-labelledby="dropdown-servicemenu"> {% for serviceMenuItem in page.header.serviceMenu %} {% if serviceMenuItem.childCount == 0 %} <li> <a class="dropdown-item" href="{{ category_url(serviceMenuItem) }}" title="{{ serviceMenuItem.translated.name }}"> {{ serviceMenuItem.translated.name }} </a> </li> {% endif %} {% endfor %} </ul> </div> </div> {% endif %} {% endblock %} </div> <div class="col-2"> <nav class="top-bar-nav"> {% block layout_header_top_bar_language %} {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %} {% endblock %} </nav> </div> </div> </div> {% block layout_header_top_bar_currency %}{% endblock %} {% block layout_header_top_bar_service %}{% endblock %}{% endblock %}