custom/static-plugins/NdTheme/src/Resources/views/storefront/utilities/offcanvas.html.twig line 1

Open in your IDE?
  1. {% set isAjaxOffcanvas = false %}
  3. {% block utilities_offcanvas_meta %}
  4.     {# only including this for robots to have appropriate meta tags and when offcanvas is loaded via ajax #}
  5.     {% if not app.request.xmlHttpRequest and isAjaxOffcanvas %}
  6.         {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  7.     {% endif %}
  8. {% endblock %}
  10. {% block utilities_offcanvas %}
  11.     {# @deprecated tag:v6.5.0 - Bootstrap v5 adds `.offcanvas-header` wrapper #}
  12.     {% if feature('v6.5.0.0') %}
  13.         {% block utilities_offcanvas_header %}
  14.             <div class="offcanvas-header p-0">
  15.                 {% block utilities_offcanvas_close %}
  16.                     {# @deprecated tag:v6.5.0 - Bootstrap v5 will not require classes `.btn-block .sticky-top`. Only `.offcanvas-body` will be scrollable #}
  17.                     <button class="offcanvas-close js-offcanvas-close w-full px-8 py-4 flex justify-end">
  18.                         {% block utilities_offcanvas_close_icon %}
  19.                             {% sw_icon 'x' style { 'size': '18' } %}
  20.                         {% endblock %}
  21.                     </button>
  22.                 {% endblock %}
  23.             </div>
  24.         {% endblock %}
  25.     {% else %}
  26.         {{ block('utilities_offcanvas_close') }}
  27.     {% endif %}
  29.     {% block offcanvas_search %}
  30.         <div class="header-search w-full m-0 text-grey-200 max-w-full">
  31.             <form action="{{ path('frontend.search.page') }}"
  32.                   method="get"
  33.                   data-search-form="true"
  34.                   data-url="{{ path('frontend.search.suggest') }}?search="
  35.                   class="header-search-form relative border-0">
  36.                 {% block layout_header_search_input_group %}
  37.                     <div class="input-group w-full">
  38.                         {% block layout_header_search_input %}
  39.                             <input type="search"
  40.                                    name="search"
  41.                                    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"
  42.                                    autocomplete="off"
  43.                                    autocapitalize="off"
  44.                                    placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  45.                                    aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  46.                                    value="{{ page.searchTerm }}"
  47.                             >
  48.                         {% endblock %}
  49.                         <button class="btn-toggle header-actions-btn p-0 shrink-0 absolute flex align-center justify-center right-4 top-2"
  50.                                 type="submit"
  51.                                 aria-label="{{ "header.searchButton"|trans|striptags }}">
  52.                             {% sw_icon 'search' style{'pack': 'theme-icons'} %}
  53.                         </button>
  54.                     </div>
  55.                 {% endblock %}
  56.             </form>
  57.         </div>
  58.     {% endblock %}
  60.     {% block utilities_offcanvas_content_container %}
  61.         {# @deprecated tag:v6.5.0 - Bootstrap v5 will use class `.offcanvas-body` to wrap the offcanvas content #}
  62.         <div class="{% if feature('v6.5.0.0') %}offcanvas-body{% else %}offcanvas-content-container{% endif %}">
  63.             {% block utilities_offcanvas_content %}{% endblock %}
  64.         </div>
  65.     {% endblock %}
  67.     {# Custom footer by nodots #}
  68.     {% block utilities_offcanvas_footer_container %}
  69.         <div class="offcanvas-content-footer sticky bottom-0 left-0">
  70.             {% block utilities_offcanvas_footer %}{% endblock %}
  71.         </div>
  72.     {% endblock %}
  73. {% endblock %}