templates/frontend-eforum/search/filters.html.twig line 1

Open in your IDE?
  1. {% if filters.categories is not empty or filters.productTypes is not empty %}
  2.     <header class="filters">
  3.         <div class="container">
  4.             <div class="row">
  5.                 <div class="filters__group col-sm-down-12">
  6.                     <span class="filters__text">Filtruj produkty</span>
  7.                 </div>
  8.                 {% if filters.categories is not empty %}
  9.                     <div class="filters__group col-sm-down-6">
  10.                         <div class="cs" data-filtr-toggle>
  11.                             <span class="cs-placeholder" data-filtr-show>Obszary tematyczne</span>
  12.                             <div class="cs-options" data-filtr-options>
  13.                                 <div class="cs-toggle" data-filtr-hide>
  14.                                     <span>zwiń</span>
  15.                                 </div>
  16.                                 <div class="container">
  17.                                     <div class="filters__ul">
  18.                                         {% for catFilter in filters.categories %}
  19.                                             <div class="cs-option-wrap">
  20.                                                 <input class="cs-input"
  21.                                                        data-filtr="areas"
  22.                                                        data-title="{{ catFilter.name }}"
  23.                                                        data-val="10"
  24.                                                        name="{{ catFilter.slug }}"
  25.                                                        type="checkbox"
  26.                                                        id="{{ catFilter.slug }}"
  27.                                                        value="1"
  28.                                                     />
  29.                                                 <label for="{{ catFilter.slug }}"
  30.                                                        class="cs-option">
  31.                                                     {{ catFilter.name }}
  32.                                                     <span class="cs-counter">
  33.                                                         {{ catFilter.total }} produktów
  34.                                                     </span>
  35.                                                 </label>
  36.                                             </div>
  37.                                         {% endfor %}
  38.                                         <div data-filtr-asign="assign" class="cs-option assign">
  39.                                             Zastosuj filtry
  40.                                         </div>
  41.                                         <div data-filtr-clear="areas" class="cs-option clear">
  42.                                             Wyczyść filtry
  43.                                         </div>
  44.                                     </div>
  45.                                 </div>
  46.                             </div>
  47.                         </div>
  48.                     </div>
  49.                 {% endif %}
  50.                 {% if filters.productTypes is not empty %}
  51.                     <div class="filters__group col-sm-down-6">
  52.                         <div class="cs" data-filtr-toggle>
  53.                             <span class="cs-placeholder" data-filtr-show>Typy produktów</span>
  54.                             <div class="cs-options" data-filtr-options>
  55.                                 <div class="cs-toggle" data-filtr-hide>
  56.                                     <span>zwiń</span>
  57.                                 </div>
  58.                                 <div class="container">
  59.                                     <div class="filters__ul">
  60.                                         {% for typeFilter in filters.productTypes %}
  61.                                             <div class="cs-option-wrap">
  62.                                                 <input class="cs-input"
  63.                                                        data-filtr="type"
  64.                                                        data-title="{{ typeFilter.name }}"
  65.                                                        data-val="10"
  66.                                                        name="{{ typeFilter.slug }}"
  67.                                                        type="checkbox"
  68.                                                        id="{{ typeFilter.slug }}"
  69.                                                        value="1"/>
  70.                                                 <label for="{{ typeFilter.slug }}"
  71.                                                        class="cs-option">
  72.                                                     {{ typeFilter.name }}
  73.                                                     <span class="cs-counter">
  74.                                                         {{ typeFilter.total }} produktów
  75.                                                     </span>
  76.                                                 </label>
  77.                                             </div>
  78.                                         {% endfor %}
  79.                                         <div data-filtr-asign="assign" class="cs-option assign">
  80.                                             Zastosuj filtry
  81.                                         </div>
  82.                                         <div data-filtr-clear="type" class="cs-option clear">
  83.                                             Wyczyść filtry
  84.                                         </div>
  85.                                     </div>
  86.                                 </div>
  87.                             </div>
  88.                         </div>
  89.                     </div>
  90.                 {% endif %}
  91.             </div>
  92.         </div>
  93.     </header>
  94. {% endif %}
  95. <section id="active-filters" data-filtr-active-container class="active-filters">
  96.     <div class="container">
  97.         <div class="row flex-nowrap">
  98.             <div class="filters__group">
  99.                 <span class="filters__text">Aktywne filtry</span>
  100.             </div>
  101.             <div class="active-filters__filters flex-fill">
  102.                 <div id="active-filters-list" class="active-filters__list">
  103.                         <span data-filtr-active>
  105.                         </span>
  106.                     <div class="active-filters__filter active-filters__filter--clear" data-filtr-clear>Wczyść
  107.                         wszystkie filtry
  108.                     </div>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </div>
  113. </section>