custom/plugins/VKTheme/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 class="header-search js-search-toggle-btn">
  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.                                    style="height:36px;"
  17.                                    autocomplete="on"
  18.                                    autocapitalize="on"
  19.                                    placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  20.                                    aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  21.                                    value="{{ page.searchTerm }}">
  23.                             <style>
  24.                                 .search-suggest-container {
  25.                                     min-width: 285px;
  26.                                 }
  27.                                     @media screen and (max-width: 575px) {
  28.                                         .search-suggest-container {
  29.                                             left: -45px;
  30.                                         }
  31.                                     }
  33.                                     .search-suggest-container.row {
  34.                                         min-width: 250px;
  35.                                     }
  37.                                 #v-pills-product-tab, a#v-pills-blog-tab{
  38.                                     display: none;
  39.                                 }
  40.                             </style>
  43.                         {% endblock %}
  44.                         
  46.                         {% block layout_header_search_button %}
  47.                             <div class="input-group-append mx-0" style="height:36px;width:36px;backface-visibility:hidden;">
  48.                                 <button type="submit"
  49.                                         class="btn header-search-btn"
  50.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  51.                                     <svg viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="margin: -5px 10px 0 -5px">
  52.                                         <path xmlns="http://www.w3.org/2000/svg" d="M10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4ZM2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10C18 11.8487 17.3729 13.551 16.3199 14.9056L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L14.9056 16.3199C13.551 17.3729 11.8487 18 10 18C5.58172 18 2 14.4183 2 10Z" fill="#FFFF"></path>
  53.                                     </svg>
  54.                                     </span>
  55.                                 </button>
  56.                             </div>
  57.                         {% endblock %}
  58.                     </div>
  59.                 {% endblock %}
  60.             </form>
  61.         </div>
  63. {% endblock %}