custom/plugins/WynTheme/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. {% block layout_header_search %}
  4.   <div
  5.     class="collapse header-search-collapse"
  6.     id="searchCollapse"
  7.   >
  8.     <div class="header-search">
  9.       <form
  10.         action="{{ path('frontend.search.page') }}"
  11.         method="get"
  12.         data-search-form="true"
  13.         data-url="{{ path('frontend.search.suggest') }}?search="
  14.         class="header-search-form"
  15.       >
  16.         {% block layout_header_search_input_group %}
  17.           <div class="form-control-with-buttons form-control-with-buttons--rounded">
  18.             {% block layout_header_search_input %}
  19.               <input
  20.                 type="search"
  21.                 name="search"
  22.                 class="form-control form-control-sm header-search-input"
  23.                 autocomplete="off"
  24.                 autocapitalize="off"
  25.                 placeholder="{{ "header.searchButton"|trans|striptags }}"
  26.                 aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  27.                 value="{{ page.searchTerm }}"
  28.               >
  29.             {% endblock %}
  31.             {% block layout_header_search_button %}
  32.               <div class="button-area">
  33.                 <wyn-button
  34.                   variant="no-bg"
  35.                   size="small"
  36.                   icon-button
  37.                   class="js-clear-input clear-button"
  38.                 >
  39.                   {% sw_icon 'close' style { 'size': 'sm', 'slotAttr': 'icon' } %}
  40.                 </wyn-button>
  41.                 <span class="separator"></span>
  42.                 <wyn-button
  43.                   variant="no-bg"
  44.                   type="submit"
  45.                   size="small"
  46.                   icon-button
  47.                   class="search-button"
  48.                   aria-label="{{ "header.searchButton"|trans|striptags }}"
  49.                 >
  50.                   {% sw_icon 'search' style { 'size': 'sm', 'slotAttr': 'icon' } %}
  51.                 </wyn-button>
  52.               </div>
  53.             {% endblock %}
  54.           </div>
  55.         {% endblock %}
  56.       </form>
  57.     </div>
  58.   </div>
  59. {% endblock %}