Hi.
I have been trying to make a search in the menu for several days without result. I added a search in: /src/Resources/views/storefront/utilities/offcanvas.html.twig and is visible but not working in flyout-menu.
{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
{% block utilities_offcanvas %}
{% block utilities_offcanvas_close %}
<button class="btn btn-light btn-block offcanvas-close js-offcanvas-close sticky-top">
{% block utilities_offcanvas_close_icon %}
{% sw_icon 'x' style { 'size': 'sm' } %}
{% endblock %}
{% block utilities_offcanvas_close_text %}
{{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
{% endblock %}
</button>
{% endblock %}
<form action="{{ path('frontend.search.page') }}"
method="get"
data-search-form="true"
data-url="{{ path('frontend.search.suggest') }}?search="
class="header-search-form">
{% block layout_header_search_input_group %}
<div class="input-group">
{% block layout_header_search_input %}
<input type="search"
name="search"
class="form-control header-search-input"
autocomplete="off"
autocapitalize="off"
placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
value="{{ page.searchTerm }}"
>
{% endblock %}
{% block layout_header_search_button %}
<div class="input-group-append">
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' %}
</span>
</button>
</div>
{% endblock %}
</div>
{% endblock %}
</form>
{% block utilities_offcanvas_content_container %}
<div class="offcanvas-content-container">
{% block utilities_offcanvas_content %}{% endblock %}
</div>
{% endblock %}
{% endblock %}
Without changing anything I checked if search working on others offcanvas and… working!
I don’t know why search not working in left offcanvas. Can anyone tell me how to make a search in flyout-menu?
