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

Open in your IDE?
  1. {% set searchWidgetOptions = {
  2.     searchWidgetMinChars: page.header.activeLanguage.productSearchConfig.minSearchLength ?: 3
  3. } %}
  5. {% block layout_header_search %}
  6.     <div class="col-auto header-search flex-grow-1">
  7.         <form action="{{ path('frontend.search.page') }}"
  8.               method="get"
  9.               {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-search-form" is deprecated. Use "data-search-widget" instead #}
  10.                 data-search-form="true"
  11.               data-search-widget-options='{{ searchWidgetOptions|json_encode }}'
  12.               data-url="{{ path('frontend.search.suggest') }}?search="
  13.               class="header-search-form">
  14.             {% block layout_header_search_input_group %}
  15.                 <div class="input-group">
  16.                     {% block layout_header_search_button %}
  17.                         <button type="submit"
  18.                                 class="btn header-search-btn"
  19.                                 aria-label="{{ "header.searchButton"|trans|striptags }}">
  20.                             <span class="header-search-icon">
  21.                                 {% sw_icon 'search' %}
  22.                             </span>
  23.                         </button>
  24.                     {% endblock %}                  
  25.                     {% block layout_header_search_input %}
  26.                         <input type="search"
  27.                                name="search"
  28.                                class="form-control header-search-input"
  29.                                autocomplete="off"
  30.                                autocapitalize="off"
  31.                                placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  32.                                aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  33.                                value="{{ page.searchTerm }}"
  34.                         >
  35.                     {% endblock %}
  36.                 </div>
  37.             {% endblock %}
  38.         </form>
  39.     </div>
  40. {% endblock %}