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

Open in your IDE?
  1. {% block layout_header_search %}
  2.     <div class="collapse"
  3.          id="searchCollapse">
  4.         <div class="header-search">
  5.             <form action="{{ path('frontend.search.page') }}"
  6.                   method="get"
  7.                   data-search-form="true"
  8.                   data-url="{{ path('frontend.search.suggest') }}?search="
  9.                   class="header-search-form">
  10.                 {% block layout_header_search_input_group %}
  11.                     <div class="input-group">
  12.                         {% block layout_header_search_input %}
  13.                             <input type="search"
  14.                                    name="search"
  15.                                    class="form-control header-search-input"
  16.                                    autocomplete="off"
  17.                                    autocapitalize="off"
  18.                                    placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  19.                                    aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  20.                                    value="{{ page.searchTerm }}"
  21.                             >
  22.                         {% endblock %}
  24.                         {% block layout_header_search_button %}
  25.                             <div class="input-group-append">
  26.                                 <button type="submit"
  27.                                         class="btn header-search-btn"
  28.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  29.                                     <span class="header-search-icon">
  30.                                         {% sw_icon 'search' %}
  31.                                     </span>
  32.                                 </button>
  33.                             </div>
  34.                         {% endblock %}
  35.                     </div>
  36.                 {% endblock %}
  37.             </form>
  38.         </div>
  39.     </div>
  40. {% endblock %}