custom/static-plugins/NdVoorwindenTheme/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 id="searchCollapse">
  5.         <div class="header-search w-full m-0 text-grey-200 max-w-full">
  6.             <form action="{{ path('frontend.search.page') }}"
  7.                   method="get"
  8.                   data-search-form="true"
  9.                   data-url="{{ path('frontend.search.suggest') }}?search="
  10.                   class="header-search-form relative border-0">
  11.                 {% block layout_header_search_input_group %}
  12.                     <div class="input-group w-full">
  13.                         {% block layout_header_search_input %}
  14.                             <input type="search"
  15.                                    name="search"
  16.                                    class="form-control header-search-input w-full !px-3 !pr-6 !py-2 !border !border-grey-700 !text-sm !bg-grey-600 focus:!bg-white !placeholder-gray-200 !transition !rounded-sm !duration-500 focus:!placeholder-black md:!w-[240px] !shadow-header"
  17.                                    autocomplete="off"
  18.                                    autocapitalize="off"
  19.                                    placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  20.                                    aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  21.                                    value="{{ page.searchTerm }}"
  22.                             >
  23.                         {% endblock %}
  24.                         <button class="btn-toggle header-actions-btn p-0 shrink-0 absolute flex align-center justify-center right-4 top-2"
  25.                                 type="submit"
  26.                                 aria-label="{{ "header.searchButton"|trans|striptags }}">
  27.                                 {% sw_icon 'search' style{'pack': 'theme-icons'} %}
  28.                         </button>
  29.                     </div>
  30.                 {% endblock %}
  31.             </form>
  32.         </div>
  33.     </div>
  34. {% endblock %}