vendor/shopware/storefront/Resources/views/storefront/layout/header/search.html.twig line 1

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