templates/front/shop_b2b/taxonomy_list_content.html.twig line 1

Open in your IDE?
  1. {% set layout = _layout2 %}
  2. <div class="modularGrid-module u-xs-75 u-pdb u-mgb">
  3.     {% if not layout.is_wholesaler %}
  4.         <input type="radio" class="u-hide" id="row_view" name="productlist_view" aria-label="row_view" checked="checked">
  5.     {% else %}
  6.         <input type="radio" class="u-hide" id="row_view" name="productlist_view" aria-label="row_view" {% if layout.category_view_mode and layout.category_view_mode == 'row_view' or not layout.category_view_mode == 'list_view' %}checked="checked"{% endif %}>
  7.         <input type="radio" class="u-hide" id="list_view" name="productlist_view" aria-label="list_view" {% if layout.category_view_mode and layout.category_view_mode == 'list_view' %}checked="checked"{% endif %}>
  8.     {% endif %}
  9.     <section class="categoryList u-mgb--half">
  10.         <input type="checkbox" id="categoryList_checkbox" class="cardList-inputToggle" {% if layout.hasChilds %} checked="checked"{% endif %}>
  11.         <div class="cardList cardList--topCategory cardList--topTaxonomy " data-js-cardlist="top" {% if is_search is defined %}data-type="searchresult"{% endif %}>
  12.             {% if layout.section_image is defined %}
  13.                 <img src="/{{ layout.section_image }}.{% if layout.id_tag is defined and layout.id_tag == tag_data.blackfriday_id%}png{% else %}jpg{% endif %}" alt="" class="cardList-bg"/>
  14.             {% endif %}
  15.             <h1 class="cardList-title cardList-title--huge">{{ layout.name_category }}</h1>
  16.             <span class="cardList-number">({{ layout.num_products }}) {% if layout.num_references %}({{ 'category_list_content.references' | trans({}, domain, languageIsoCode) }} {{ layout.num_references }}){% endif %}</span>
  17.             {% if layout.cat in [2662, 2672, 2678, 2202] or not layout.is_main_category or layout.id_tag is not defined or layout.id_manufacturer is not defined %}
  18.                 <div class="cardList-description">
  19.                     {{ layout.desc_category | raw }}
  20.                 </div>
  21.             {% endif %}
  22.             {% if not layout.is_main_category or not layout.childs %}
  23.                 {% set nameParentCat = layout.parent_category_name %}
  24.             {% endif %}
  25.             {% if layout.childs %}
  26.                 <label class="cardList-btn" for="categoryList_checkbox" data-js-cardlist="tab">
  27.                     <span class="cardList-btnOpen">{{ 'category_list_content.show_other_products' | trans({}, domain, languageIsoCode) }} <b>{% if not nameParentCat %}{{ layout.name_category }}{% else %}{{ nameParentCat }}{% endif %}</b></span>
  28.                     <span class="cardList-btnClose">{{ 'category_list_content.hide_products' | trans({}, domain, languageIsoCode) }}</span>
  29.                 </label>
  30.                 <br><br>
  31.             {% endif %}
  32.         </div>
  33.         {% if layout.childs %}
  34.             <section class="cardList cardList--inside">
  35.                 {% for key,child in layout.childs %}
  36.                     {% if child.id != layout.cat %}
  37.                         <div class="cardList-item ">
  38.                             <a href="{{ child.link }}" class="cardElem  cardElem--list ">
  39.                                 <figure class="cardElem-figure">
  40.                                     <figcaption class="cardElem-figcaption">
  41.                                         <div class="cardElem-text">
  42.                                             <h3 class="cardElem-title">{{ child.name }}</h3>
  43.                                             <span class="number cardElem-number"><!--(5)--></span>
  44.                                         </div>
  45.                                     </figcaption>
  46.                                     <div class="cardElem-imgCont">
  47.                                         <img src="" data-original="/{{ child.image.id }}-home/{{ child.image.name }}.jpg" alt="{{ child.image.name }}" class="cardElem-img lazy">
  48.                                     </div>
  49.                                 </figure>
  50.                             </a>
  51.                         </div>
  52.                     {% endif %}
  53.                 {% endfor %}
  54.             </section>
  55.         {% endif %}
  56.     </section>
  57.     {% set existsBlackFriday = false %}
  58.     {% set existsHotDeals = false %}
  59.     {% if layout.filterTags %}
  60.         {% for tag in layout.filterTags %}
  61.             {% if tag.id_tag == tag_data.blackfriday_id %}
  62.                 {% set existsBlackFriday = false %}
  63.             {% endif %}
  64.             {% if tag.id_tag == tag_data.hotdeals_id %}
  65.                 {% set existsHotDeals = true %}
  66.             {% endif %}
  67.         {% endfor %}
  68.     {% endif %}
  69.     <div class="modularGrid u-pdb--half">
  70.         <div class="u-flex--between u-flwrap u-flex--center">
  71.             <h2 class="subtitle6 u-pdv--half" data-js-numproducts="">
  72.                 <span data-js-num-products="num-products">{{ layout.num_products }}</span>
  73.                 {{ 'category_list_content.products_in' | trans({}, domain, languageIsoCode) }}
  74.                 <span class="u-upp">{{ layout.name_category }}</span></h2>
  75.             <div class="modularGrid-module u-flex--end u-flex--center u-flwrap width-auto">
  76.                 {% if existsBlackFriday == true %}
  77.                     <label class="form-label form-label--inline"><strong>{{ 'category_list_content.filter_by' | trans({}, domain, languageIsoCode) }}</strong></label>
  78.                     <button class="button button--blackf u-mgr" data-js-blackfriday="blackfriday">
  79.                         {{ tag_data.blackfriday_text }}
  80.                     </button>
  81.                     <script>
  82.                         $(document).ready(function () {
  83.                             $('[data-js-blackfriday="blackfriday"]').off('click').on('click', function () {
  84.                                 $('[for="tag_72"]').click();
  85.                                 $('[data-js-filter="apply"]').first().click();
  86.                             })
  87.                         });
  88.                     </script>
  89.                 {% endif %}
  90.                 {% if existsHotDeals == 'true' and not existsBlackFriday %}
  91.                     <label class="form-label form-label--inline"><strong>{{ 'category_list_content.filter_by' | trans({}, domain, languageIsoCode) }}</strong></label>
  92.                     <button class="button button--hot u-mgr" data-js-hotdeals="hotdeals">
  93.                         {{ tag_data.hotdeals_text }}
  94.                     </button>
  95.                     <script>
  96.                         $(document).ready(function () {
  97.                             $('[data-js-hotdeals="hotdeals"]').off('click').on('click', function () {
  98.                                 $('[for="tag_85"]').click();
  99.                                 $('[data-js-filter="apply"]').first().click();
  100.                             })
  101.                         });
  102.                     </script>
  103.                 {% endif %}
  104.                 {% if layout.is_wholesaler %}
  105.                     {% if layout.services_customer %}
  106.                         <label class="form-label form-label--inline"><strong>Download</strong></label>
  107.                         <button class="button button--csv u-mgr" data-js-download-csv="download-csv">
  108.                             <strong>CSV</strong>
  109.                         </button>
  110.                     {% endif %}
  111.                 {% endif %}
  112.                 <label class="form-label form-label--inline" for="orderfilter"><strong>{{ 'category_list_content.order_by' | trans({}, domain, languageIsoCode) }}</strong></label>
  113.                 <select class="form-select form-select--inline" id="orderfilter" data-js-filter-var="order">
  114.                     {% if is_search is defined %}
  115.                         <option value="-1">{{ 'category_list_content.relevance' | trans({}, domain, languageIsoCode) }}</option>
  116.                     {% endif %}
  117.                     <option value="3">{{ 'category_list_content.top_selling' | trans({}, domain, languageIsoCode) }}</option>
  118.                     <option value="0">{{ 'category_list_content.new_products' | trans({}, domain, languageIsoCode) }}</option>
  119.                     <option value="1">{{ 'category_list_content.min_to_max' | trans({}, domain, languageIsoCode) }}</option>
  120.                     <option value="4">{{ 'category_list_content.max_to_min' | trans({}, domain, languageIsoCode) }}</option>
  121.                     <option value="2">{{ 'category_list_content.a_z' | trans({}, domain, languageIsoCode) }}</option>
  122.                     <option value="5">{{ 'category_list_content.z_a' | trans({}, domain, languageIsoCode) }}</option>
  123.                 </select>
  124.                 {% if layout.is_wholesaler %}
  125.                     <div class="u-pdl--half" id="id_driverviews">
  126.                         <label class="button button--toggle" for="row_view" aria-label="row_button"
  127.                                title="Vista mosaico" alt="Vista mosaico">
  128.                             <svg role="img" class="icon icon--inline  icon--sm ">
  129.                                 <use xmlns:xlink="http://www.w3.org/1999/xlink"
  130.                                      xlink:href="/public/img/icons/svg-defs.svg#icon-row"></use>
  131.                             </svg>
  132.                         </label>
  133.                         <label class="button button--toggle" for="list_view" aria-label="list_button"
  134.                                title="Vista listado" alt="Vista listado">
  135.                             <svg role="img" class="icon icon--inline  icon--sm ">
  136.                                 <use xmlns:xlink="http://www.w3.org/1999/xlink"
  137.                                      xlink:href="/public/img/icons/svg-defs.svg#icon-list"></use>
  138.                             </svg>
  139.                         </label>
  140.                     </div>
  141.                 {% endif %}
  142.             </div>
  143.         </div>
  144.     </div>
  145.     <div class="modularGrid">
  146.         <div class="modularGrid-module u-pdt--half">
  147.             <section class="filter-list">
  148.                 <label class="filter-bodyLabel" for="" data-js-filter="label" data-active="false"></label>
  150.                 {% if layout.showBigStocks == 'true' %}
  151.                     {% include 'front/shop_b2b/filter_big_stocks.html.twig' %}
  152.                 {% endif %}
  154.                 <aside class="filter" data-js-filter="filter">
  155.                     <input type="checkbox" class="inputToggle" data-js-filter="checkbox" id="pricesRangeId">
  156.                     <label for="pricesRangeId" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.price' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.price' | trans({}, domain, languageIsoCode) }}</label>
  157.                     <section class="filter-body filter-body--range">
  158.                         <div class="modularGrid u-pdh u-pdt--half">
  159.                             <div class="modularGrid-module u-xs-50">
  160.                                 <label for="rangeFilterLow" class="form-label">{{ 'category_list_content.of' | trans({}, domain, languageIsoCode) }}</label>
  161.                             </div>
  162.                             <div class="modularGrid-module u-xs-50 u-tar">
  163.                                 <label for="rangeFilterHigh" class="form-label">{{ 'category_list_content.to' | trans({}, domain, languageIsoCode) }}</label>
  164.                             </div>
  165.                             <div class="modularGrid-module u-pdb">
  166.                                 <aside id="html5range" class="noUi-target noUi-ltr noUi-horizontal noUi-background">
  167.                                 </aside>
  168.                             </div>
  169.                             <div class="modularGrid-module u-xs-45">
  170.                                 <input class="form-input form-input--postfix" type="number" default="0" min="0" max="1000" id="rangeFilterLow" data-js-filter-var="price" name="price" value="">
  171.                                 <span class="form-postfix ">€</span>
  172.                             </div>
  173.                             <div class="modularGrid-module u-xs-10 u-tac">
  174.                                 <span class="u-op-20">_ _</span>
  175.                             </div>
  176.                             <div class="modularGrid-module u-xs-45 u-tar">
  177.                                 <input class="form-input form-input form-input--postfix" type="number" default="{{ layout.max_price }}" min="0" max="1000" id="rangeFilterHigh" data-js-filter-var="price" name="price" value="">
  178.                                 <span class="form-postfix ">€</span>
  179.                             </div>
  180.                         </div>
  181.                         <div class="modularGrid u-pd--half  u-mgt--half u-brdt">
  182.                             <div class="modularGrid-module u-tac">
  183.                                 <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  184.                             </div>
  185.                         </div>
  186.                     </section>
  187.                 </aside>
  189.                 <aside class="filter" data-js-filter="filter">
  190.                     <input type="checkbox" class="inputToggle" data-js-filter="checkbox" id="stockRangeId">
  191.                     <label for="stockRangeId" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.stock' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.stock' | trans({}, domain, languageIsoCode) }}</label>
  192.                     <section class="filter-body filter-body--range">
  193.                         <div class="modularGrid u-pdh u-pdt--half">
  194.                             <div class="modularGrid-module u-xs-50">
  195.                                 <label for="rangeStockFilterLow" class="form-label">{{ 'category_list_content.of' | trans({}, domain, languageIsoCode) }}</label>
  196.                             </div>
  197.                             <div class="modularGrid-module u-xs-50 u-tar">
  198.                                 <label for="rangeStockFilterHigh" class="form-label">{{ 'category_list_content.to' | trans({}, domain, languageIsoCode) }}</label>
  199.                             </div>
  200.                             <div class="modularGrid-module u-pdb">
  201.                                 <aside id="html5StockRange" class="noUi-target noUi-ltr noUi-horizontal noUi-background">
  202.                                 </aside>
  203.                             </div>
  204.                             <div class="modularGrid-module u-xs-45">
  205.                                 <input class="form-input form-input--postfix" type="number" default="0" min="0" max="1000" id="rangeStockFilterLow" data-js-filter-var="rangeStock" name="rangeStock" value="">
  206.                             </div>
  207.                             <div class="modularGrid-module u-xs-10 u-tac">
  208.                                 <span class="u-op-20">_ _</span>
  209.                             </div>
  210.                             <div class="modularGrid-module u-xs-45 u-tar">
  211.                                 <input class="form-input form-input form-input--postfix" type="number" default="{{ layout.max_stock }}" min="0" max="10000" id="rangeStockFilterHigh" data-js-filter-var="rangeStock" name="rangeStock" value="">
  212.                             </div>
  213.                         </div>
  214.                         <div class="modularGrid u-pd--half  u-mgt--half u-brdt">
  215.                             <div class="modularGrid-module u-tac">
  216.                                 <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  217.                             </div>
  218.                         </div>
  219.                     </section>
  220.                 </aside>
  222.                 <aside class="filter" data-js-filter="filter">
  223.                     <input type="checkbox" class="inputToggle" data-js-filter="checkbox" id="availableRangeId">
  224.                     <label for="availableRangeId" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.available' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.available' | trans({}, domain, languageIsoCode) }}</label>
  225.                     <section class="filter-body">
  226.                         <div class="filter-option">
  227.                             <input type="checkbox" class="filter-checkbox" id="stock0" data-js-filter-var="stock" name="stock" value="0" {% if layout.filters.stock is defined and layout.filters.stock[0] == 0 %}checked="checked"{% endif %}>
  228.                             <label class="filter-label" for="stock0" data-js-label="{{ 'category_list_content.available' | trans({}, domain, languageIsoCode) }}">
  229.                                 {{ 'category_list_content.yes' | trans({}, domain, languageIsoCode) }}<span>{% if layout.filterCounter.stock is defined and layout.filterCounter.stock[1] %}{{ layout.filterCounter.stock[1] }}{% endif %}</span>
  230.                             </label>
  231.                         </div>
  232.                         <div class="filter-option">
  233.                             <input type="checkbox" class="filter-checkbox" id="stock1" data-js-filter-var="stock" name="stock" value="1" {% if layout.filters.stock is defined and layout.filters.stock[0] == 1 %}checked="checked"{% endif %}>
  234.                             <label class="filter-label" for="stock1" data-js-label="{{ 'category_list_content.not_available' | trans({}, domain, languageIsoCode) }}">
  235.                                 {{ 'category_list_content.no' | trans({}, domain, languageIsoCode) }}<span>{% if layout.filterCounter.stock is defined and layout.filterCounter.stock[0] %}{{ layout.filterCounter.stock[0] }}{% endif %}</span>
  236.                             </label>
  237.                         </div>
  238.                         <div class="modularGrid u-pd--half  u-mgt--half u-brdt">
  239.                             <div class="modularGrid-module u-tac">
  240.                                 <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  241.                             </div>
  242.                         </div>
  243.                     </section>
  244.                 </aside>
  245.                 {% if layout.hasChilds %}
  246.                     <aside class="filter filter-horizontal" data-js-filter="filter">
  247.                         <input type="checkbox" class="inputToggle" data-js-filter="checkbox" id="categories">
  248.                         <label for="categories" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.categories' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.categories' | trans({}, domain, languageIsoCode) }}</label>
  249.                         <section class="filter-body filter-body--xtraRange">
  250.                             {% for key, value in layout.childs %}
  251.                                 <div class="filter-option">
  252.                                     <input type="checkbox" class="filter-checkbox" id="category{{ key }}" data-js-filter-var="category" name="category" value="{{ value.id }}" {% if value.id in layout.filteredCategories %}checked="checked"{% endif %}>
  253.                                     <label class="filter-label" for="category{{ key }}">
  254.                                         {{ value.name }}
  255.                                     </label>
  256.                                 </div>
  257.                             {% endfor %}
  258.                             <div class="modularGrid u-pd--half u-brdt">
  259.                                 <div class="modularGrid-module u-tac">
  260.                                     <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  261.                                 </div>
  262.                             </div>
  263.                         </section>
  264.                     </aside>
  265.                 {% endif %}
  267.                 {% include 'front/shop_b2b/condition_filter.html.twig' %}
  269.                 <aside class="filter" data-js-filter="filter">
  270.                     <input type="checkbox" class="inputToggle" data-js-filter="checkbox" id="video">
  271.                     <label for="video" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.video' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.video' | trans({}, domain, languageIsoCode) }}</label>
  272.                     <section class="filter-body">
  273.                         <div class="filter-option">
  274.                             <input type="checkbox" class="filter-checkbox" id="video0" data-js-filter-var="video" name="video" value="0" {% if layout.filters.video is defined and layout.filters.video[0] == 0 %}checked="checked"{% endif %}>
  275.                             <label class="filter-label" for="video0" data-js-label="{{ 'category_list_content.with_video' | trans({}, domain, languageIsoCode) }}">
  276.                                 {{ 'category_list_content.yes' | trans({}, domain, languageIsoCode) }}<span>{% if layout.filterCounter.video is defined and layout.filterCounter.video[1] %}layout.filterCounter.video[1]{% endif %}</span>
  277.                             </label>
  278.                         </div>
  279.                         <div class="filter-option">
  280.                             <input type="checkbox" class="filter-checkbox" id="video1" data-js-filter-var="video" name="video" value="1" {% if layout.filters.video is defined and layout.filters.video[0] == 1 %}checked="checked"{% endif %}>
  281.                             <label class="filter-label" for="video1" data-js-label="{{ 'category_list_content.without_video' | trans({}, domain, languageIsoCode) }}">
  282.                                 {{ 'category_list_content.no' | trans({}, domain, languageIsoCode) }}<span>{% if layout.filterCounter.video is defined and layout.filterCounter.video[0] %}layout.filterCounter.video[0]{% endif %}</span>
  283.                             </label>
  284.                         </div>
  285.                         <div class="modularGrid u-pd--half  u-mgt--half u-brdt">
  286.                             <div class="modularGrid-module u-tac">
  287.                                 <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  288.                             </div>
  289.                         </div>
  290.                     </section>
  291.                 </aside>
  293.                 {% if layout.filterBrands %}
  294.                     <aside class="filter filter-horizontal" data-js-filter="filter">
  295.                         <input class="inputToggle" data-js-filter="checkbox"  id="brandsRangeId" type="checkbox">
  296.                         <label for="brandsRangeId" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.brands' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.brands' | trans({}, domain, languageIsoCode) }}</label>
  297.                         <section class="filter-body filter-body--xtraRange">
  298.                             <div class="filter-scrollpanel">
  299.                                 <nav class="brandList brandList--filters">
  300.                                     {% for brand in layout.filterBrands %}
  301.                                         <input class="inputToggle brandList-input" id="brand_{{ brand.id_manufacturer }}" value="{{ brand.id_manufacturer }}" data-js-brand-name="{{ brand.name }}" type="checkbox" data-js-filter-var="brands" {% if brand.id_manufacturer in layout.filteredBrands %}checked="checked"{% endif %}>
  302.                                         <label class="brandList-label" for="brand_{{ brand.id_manufacturer }}">
  303.                                             {{ brand.name }}
  304.                                         </label>
  305.                                     {% endfor %}
  306.                                 </nav>
  307.                             </div>
  308.                             <div class="modularGrid u-pd--half   u-brdt">
  309.                                 <div class="modularGrid-module u-tac">
  310.                                     <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  311.                                 </div>
  312.                             </div>
  313.                         </section>
  314.                     </aside>
  315.                 {% endif %}
  317.                 {% if layout.filterTags %}
  318.                     <aside class="filter filter-horizontal" data-js-filter="filter">
  319.                         <input class="inputToggle" data-js-filter="checkbox"  id="tagsRangeId" type="checkbox">
  320.                         <label for="tagsRangeId" class="filter-headerTitle" data-js-filter="btn" title="{{ 'category_list_content.tags' | trans({}, domain, languageIsoCode) }}">{{ 'category_list_content.tags' | trans({}, domain, languageIsoCode) }}</label>
  321.                         <section class="filter-body filter-body--xtraRange">
  322.                             <nav class="tags-list--filters">
  323.                                 {% for tag in layout.filterTags %}
  324.                                     <input class="tags-checkbox inputToggle" id="tag_{{ tag.id_tag }}" value="{{ tag.id_tag }}" type="checkbox" data-js-filter-var="tags" {% if tag.id_tag in layout.filteredTags %}checked="checked"{% endif %}>
  325.                                     <label class="tags-label" for="tag_{{ tag.id_tag }}">
  326.                                         {{ tag.name }}<span>{% if layout.filterCounter.tags is defined and layout.filterCounter.tags[tag.id_tag] %}{{ layout.filterCounter.tags[tag.id_tag] }}{% endif %}</span>
  327.                                     </label>
  328.                                 {% endfor %}
  329.                             </nav>
  330.                             <div class="modularGrid u-pd--half   u-brdt">
  331.                                 <div class="modularGrid-module u-tac">
  332.                                     <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  333.                                 </div>
  334.                             </div>
  335.                         </section>
  336.                     </aside>
  337.                 {% endif %}
  339.                 {% if layout.filterFeatures and layout.showFeatures %}
  340.                     {% for filterFeature in layout.filterFeatures %}
  341.                         <aside class="filter" data-js-filter="filter">
  342.                             <input class="inputToggle" data-js-filter="checkbox"  id="features{{ filterFeature.id_feature }}father" type="checkbox" value="{{ filterFeature.id_feature }}">
  343.                             <label for="features{{ filterFeature.id_feature }}father" class="filter-headerTitle" data-js-filter="btn" title="{{ filterFeature.name_feature }}">{{ filterFeature.name_feature }}</label>
  344.                             <section class="filter-body">
  345.                                 <div class="filter-body__container">
  346.                                     {% for values in filterFeature.values %}
  347.                                         <div class="filter-option">
  348.                                             <input type="checkbox" class="filter-checkbox" id="features{{ values.id }}" data-js-filter-var="features" {% if values.id in layout.filteredFeatures %}checked="checked"{% endif %}
  349.                                             name="features" value="{{ values.id }}">
  350.                                             <label class="filter-label"  for="features{{ values.id }}" data-js-label="{{ values.name }}">
  351.                                                 {{ values.name }}<span>{% if layout.filterCounter is defined and layout.filterCounter.1 %}{{ layout.filterCounter.1 }}{% endif %}</span>
  352.                                             </label>
  353.                                         </div>
  354.                                     {% endfor %}
  355.                                 </div>
  356.                                 <div class="modularGrid u-pd--half   u-brdt">
  357.                                     <div class="modularGrid-module u-tac">
  358.                                         <button class="button button--condensed" data-js-filter="apply">{{ 'category_list_content.filter' | trans({}, domain, languageIsoCode) }}</button>
  359.                                     </div>
  360.                                 </div>
  361.                             </section>
  362.                         </aside>
  363.                     {% endfor %}
  364.                 {% endif %}
  365.             </section>
  366.         </div>
  367.         <div class="modularGrid-module u-pdt--third" data-js-filter="added" style="display: none;">
  368.             <h4 class="subtitle3 subtitle3--inline u-pdr--half">{{ 'category_list_content.filters' | trans({}, domain, languageIsoCode) }} <span class="subtitle3-number"><!--(106)--></span></h4>
  369.             <button class="button button--tags" data-js-filter="removeAll">{{ 'category_list_content.remove_filters' | trans({}, domain, languageIsoCode) }}</button>
  370.         </div>
  371.         {% include 'front/shop_b2b/product_list.html.twig' %}
  372.         {% include 'front/paginator/paginator.html.twig' %}
  373.     </div>
  374. </div>