vendor/store.shopware.com/acrisfiltercs/src/Resources/views/storefront/component/acris-header-filter/acris-header-filter.html.twig line 1

Open in your IDE?
  1. {% block component_header_search_filter %}
  2.     {% if config('AcrisFilterCS.config.showHeaderSearchFilter') %}
  3.         {% set filterContent %}
  4.             {% block component_header_search_filter_content %}
  5.                 <div class="acris-header-search-filter" data-acris-filter-category-search="true">
  6.                     {% block component_header_search_filter_content_button %}
  7.                         <button
  8.                             class="btn btn-{% if config('AcrisFilterCS.config.headerSearchFilterButtonType') %}{{ config('AcrisFilterCS.config.headerSearchFilterButtonType') }}{% else %}light{% endif %} category-dropdown-toggle acris-header-search-filter-button"
  9.                             {% if config('AcrisFilterCS.config.headerSearchFilterButtonMaxWidth') %}style="max-width: {{ config('AcrisFilterCS.config.headerSearchFilterButtonMaxWidth') }}"{% endif %}
  10.                             type="button"
  11.                             aria-haspopup="true"
  12.                             aria-expanded="false">
  13.                             {% block component_header_search_filter_content_button_text %}
  14.                                 <span
  15.                                     class="category-dropdown-toggle-text">{{ "acrisFilter.buttonHeaderSearchAllCategories"|trans|striptags }}</span>
  16.                             {% endblock %}
  17.                         </button>
  18.                     {% endblock %}
  19.                     {% block component_header_search_filter_content_dropdown %}
  20.                         <div class="category-dropdown-menu acris-filter-dropdown-menu">
  21.                             {% block component_header_search_filter_content_dropdown_default_item %}
  22.                                 <div class="category-dropdown-menu-item is-default"
  23.                                      data-name="{{ "acrisFilter.buttonHeaderSearchAllCategories"|trans|striptags }}">
  24.                                     {{ "acrisFilter.buttonHeaderSearchAllCategories"|trans|striptags }}
  25.                                 </div>
  26.                             {% endblock %}
  28.                             {% for treeItem in page.header.navigation.tree %}
  29.                                 {% set category = treeItem.category %}
  30.                                 {% set name = category.translated.name %}
  32.                                 {% if category.type != 'folder' %}
  33.                                     {% block component_header_search_filter_content_dropdown_category_item %}
  34.                                         <div class="category-dropdown-menu-entry">
  35.                                             <div
  36.                                                 class="category-dropdown-menu-item is-level-1 is-category{% if treeItem.children|length > 0 %} has-children{% endif %}"
  37.                                                 data-name="{{ name }}"
  38.                                                 data-filterdepth="{{ config('AcrisFilterCS.config.headerSearchFilterDepth') == 1 ? 'shallow' : 'deep' }}"
  39.                                                 data-id="{{ category.id }}">
  40.                                                 {{ name }}{% if treeItem.children|length > 0 and config('AcrisFilterCS.config.headerSearchFilterDepth') != 1 %} {% sw_icon 'arrow-head-right' style { 'size': 'xs' } %}{% endif %}
  41.                                             </div>
  42.                                             {% if config('AcrisFilterCS.config.headerSearchFilterDepth') == 2 and treeItem.children|length > 0 %}
  43.                                                 <div class="category-dropdown-sub-menu">
  44.                                                     {% for childTreeItem in treeItem.children %}
  45.                                                         {% set childCategory = childTreeItem.category %}
  46.                                                         {% set childName = childCategory.translated.name %}
  48.                                                         <div class="category-dropdown-menu-item is-level-1"
  49.                                                              data-name="{{ childName }}"
  50.                                                              data-id="{{ childCategory.id }}">
  51.                                                             {{ childName }}
  52.                                                         </div>
  53.                                                     {% endfor %}
  54.                                                 </div>
  55.                                             {% endif %}
  56.                                         </div>
  57.                                     {% endblock %}
  58.                                 {% endif %}
  59.                             {% endfor %}
  60.                         </div>
  61.                     {% endblock %}
  62.                     {% block component_header_search_filter_content_input %}
  63.                         {% set preselectedCategory = "" %}
  64.                         {% if app.request.query.get("categories") is not null and app.request.query.get("categories") is not empty and "|" not in app.request.query.get("categories") %}
  65.                             {% set preselectedCategory = app.request.query.get("categories") %}
  66.                         {% endif %}
  67.                         <input class="category-input-field acris-category-input-field"
  68.                                type="hidden"
  69.                                name="categories"
  70.                                value="{{ preselectedCategory }}"
  71.                                disabled="disabled">
  72.                     {% endblock %}
  73.                 </div>
  74.             {% endblock %}
  75.         {% endset %}
  76.     {% endif %}
  78.     {% if config('AcrisFilterCS.config.showHeaderSearchFilter') and config('AcrisFilterCS.config.headerSearchFilterPosition') == "left" %}
  79.         <div class="input-group-prepend">
  80.             {{ filterContent }}
  81.         </div>
  82.     {% endif %}
  84.     {% if template == "acrisCmsLayout" %}
  85.         {{ block("element_acris_search_input", "@AcrisCmsLayout/storefront/element/cms-element-acris-search.html.twig") }}
  86.     {% else %}
  87.         {{ block("layout_header_search_input", "@Storefront/storefront/layout/header/search.html.twig") }}
  88.     {% endif %}
  90.     {% if config('AcrisFilterCS.config.showHeaderSearchFilter') and config('AcrisFilterCS.config.headerSearchFilterPosition') == "right" %}
  91.         <div class="input-group-append">
  92.             {{ filterContent }}
  93.         </div>
  94.     {% endif %}
  95. {% endblock %}