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