src/Storefront/Resources/views/storefront/layout/header/search.html.twig line 1

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