custom/plugins/ChespackTwoTheme/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. {# Removed collapse #}
  4. {% block layout_header_search %}
  5.     <div class="collapse"
  6.          id="searchCollapse">
  7.         <div class="header-search">
  8.             <form action="{{ path('frontend.search.page') }}"
  9.                   method="get"
  10.                   data-search-form="true"
  11.                   data-url="{{ path('frontend.search.suggest') }}?search="
  12.                   class="header-search-form">
  14.                 {# Button Required for Suggest Search to function on input #}
  15.                 {# Positioned after Form element so as not to affect styling on search input field. #}
  16.                 <button type="submit"
  17.                         class="btn header-search-btn d-none"
  18.                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  19.                     <span class="header-search-icon">
  20.                         {% sw_icon 'search' %}
  21.                     </span>
  22.                 </button>
  24.                 {% block layout_header_search_input_group %}
  25.                     <div class="input-group">
  26.                         {% block layout_header_search_input %}
  27.                             <input type="search"
  28.                                    name="search"
  29.                                    class="form-control header-search-input"
  30.                                    autocomplete="off"
  31.                                    autocapitalize="off"
  32.                                    placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  33.                                    aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  34.                                    value="{{ page.searchTerm }}"
  35.                             >
  36.                         {% endblock %}
  38.                         {% block layout_header_search_button %}
  39. {#                            <div class="input-group-append">#}
  40. {#                                <button type="submit"#}
  41. {#                                        class="btn header-search-btn"#}
  42. {#                                        aria-label="{{ "header.searchButton"|trans|striptags }}">#}
  43. {#                                    <span class="header-search-icon">#}
  44. {#                                        {% sw_icon 'search' %}#}
  45. {#                                    </span>#}
  46. {#                                </button>#}
  47. {#                            </div>#}
  48.                         {% endblock %}
  49.                     </div>
  50.                 {% endblock %}
  51.             </form>
  52.         </div>
  53.     </div>
  54. {% endblock %}
  58. {#{% block layout_header_search %}#}
  59. {#    <div id="searchCollapse">#}
  60. {#        <div class="header-search">#}
  61. {#            <form action="{{ path('frontend.search.page') }}"#}
  62. {#                  method="get"#}
  63. {#                  data-search-form="true"#}
  64. {#                  data-url="{{ path('frontend.search.suggest') }}?search="#}
  65. {#                  class="header-search-form">#}
  66. {#                {% block layout_header_search_input_group %}#}
  67. {#                    <div class="input-group">#}
  68. {#                        {% block layout_header_search_input %}#}
  69. {#                            <input type="search"#}
  70. {#                                   name="search"#}
  71. {#                                   class="form-control header-search-input"#}
  72. {#                                   autocomplete="off"#}
  73. {#                                   autocapitalize="off"#}
  74. {#                                   placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"#}
  75. {#                                   aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"#}
  76. {#                                   value="{{ page.searchTerm }}"#}
  77. {#                            >#}
  78. {#                        {% endblock %}#}
  80. {#                        #}{# Changed search icon #}
  81. {#                        {% block layout_header_search_button %}#}
  82. {#                            <div class="input-group-append">#}
  83. {#                                <button type="submit"#}
  84. {#                                        class="btn header-search-btn"#}
  85. {#                                        aria-label="{{ "header.searchButton"|trans|striptags }}">#}
  86. {#                                    <span class="header-search-icon">#}
  87. {#                                        {% sw_icon 'search' style #}{#}#}
  88. {#                                            'namespace': 'ChespackTheme'#}
  89. {#                                        } %}#}
  90. {#                                    </span>#}
  91. {#                                </button>#}
  92. {#                            </div>#}
  93. {#                        {% endblock %}#}
  94. {#                    </div>#}
  95. {#                {% endblock %}#}
  96. {#            </form>#}
  97. {#        </div>#}
  98. {#    </div>#}
  99. {#{% endblock %}#}