vendor/shopware/storefront/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="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.                             {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct children of `input-group` #}
  31.                             {% if feature('v6.5.0.0') %}
  32.                                 <button type="submit"
  33.                                         class="btn header-search-btn"
  34.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  35.                                     <span class="header-search-icon">
  36.                                         {% sw_icon 'search' %}
  37.                                     </span>
  38.                                 </button>
  39.                             {% else %}
  40.                                 <div class="input-group-append">
  41.                                     <button type="submit"
  42.                                             class="btn header-search-btn"
  43.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  44.                                         <span class="header-search-icon">
  45.                                             {% sw_icon 'search' %}
  46.                                         </span>
  47.                                     </button>
  48.                                 </div>
  49.                             {% endif %}
  50.                         {% endblock %}
  51.                     </div>
  52.                 {% endblock %}
  53.             </form>
  54.         </div>
  55.     </div>
  56. {% endblock %}