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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/search.html.twig' %}
  3. {% set searchWidgetOptions = {
  4.     searchWidgetMinChars: page.header.activeLanguage.productSearchConfig.minSearchLength ?: 3
  5. } %}
  7. {% block layout_header_search %}
  8.     <div class="collapse"
  9.          id="searchCollapse">
  10.         <div class="header-search">
  11.             <form action="{{ path('frontend.search.page') }}"
  12.                   method="get"
  13.                   data-search-form="true"
  14.                   data-search-widget-options='{{ searchWidgetOptions|json_encode }}'
  15.                   data-url="{{ path('frontend.search.suggest') }}?search="
  16.                   class="header-search-form">
  17.                 {% block layout_header_search_input_group %}
  18.                     <div class="input-group">
  19.                         {% block layout_header_search_input %}
  20.                             <input type="search"
  21.                                    name="search"
  22.                                    class="form-control header-search-input"
  23.                                    autocomplete="off"
  24.                                    autocapitalize="off"
  25.                                    placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  26.                                    aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  27.                                    value="{{ page.searchTerm }}"
  28.                             >
  29.                         {% endblock %}
  31.                         {% block layout_header_search_button %}
  32.                             {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct children of `input-group` #}
  33.                             {% if feature('v6.5.0.0') %}
  34.                                 <button type="submit"
  35.                                         class="btn header-search-btn"
  36.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  37.                                     <span class="header-search-icon">
  38.                                         <span class="icon-arrow-right"></span>
  39.                                     </span>
  40.                                 </button>
  41.                             {% else %}
  42.                                 <div class="input-group-append">
  43.                                     <button type="submit"
  44.                                             class="btn header-search-btn"
  45.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  46.                                         <span class="header-search-icon">
  47.                                             <span class="icon-arrow-right"></span>
  48.                                         </span>
  49.                                     </button>
  50.                                 </div>
  51.                             {% endif %}
  52.                         {% endblock %}
  53.                     </div>
  54.                 {% endblock %}
  55.             </form>
  56.         </div>
  57.     </div>
  58. {% endblock %}