Блог

Я пытаюсь добавить фильтры цен в качестве флажков в фильтры моей коллекции. Мне это нужно, чтобы, когда вы нажмете на цену, она показала вам все товары с этой ценой. Я так близко, но это не работает. Вы можете увидеть его текущее поведение в разделе «Цена» по этой ссылке: https://creativeguild.myshopify.com/collections/cooktops/ pw: творческое строительство

Мне также нужно, чтобы он был отделен от фильтра «Категория». Прямо сейчас, когда вы нажимаете на цену, выбранная цена отображается в разделе «Категория», которая не является идеальной. Мне нужно, чтобы он отображался в разделе «Цена» и не влиял на выбор «Категории».

Это также дублированные цены, помимо того, что они не фильтруются по цене.

Если бы разработчик Shopify мог взглянуть на код и исправить его для меня, это было бы потрясающе! Спасибо

 <div class="card__section card__section--tight">
    <p class="card__title--small heading">Price</p>

    <div class="collection__active-filters">
        {% for product in current_products %}
              <div class="collection__active-filter-item">
                  <button class="collection__active-filter-cross"
                          data-action="toggle-tag"
                          data-tag="{{ price }}-price"
                  >{% render 'icon', icon: 'close' %}
                  </button>
                  {{ product.price | money_without_trailing_zeros }}
              </div>
          {% endfor %}
          {%- if product.price != blank -%}
              <button class="collection__clear-filter button button--small button--transparent button--full"
                      data-action="clear-tags">{{ 'collection.filter.clear_all' | t }}</button>
          {%- endif -%}
    </div>


    <div class="collection__filter-group">
      <ul class="collection__filter-checkbox-list">
          {% for product in collection.products %}

                      <li class="collection__filter-checkbox">
                          <div class="checkbox-wrapper">
                              <input type="radio" class="checkbox" id="{{ product.price }}-price"
                                     name="{{ product.price }}-price" data-action="toggle-tag" data-tag="{{ product.price }}-price"
                                     
                                     {% if product.price contains price %}
                                     checked="checked"
                                     {% endif %}>

                              {% render 'icon', icon: 'check' %}
                          </div>
                          <label for="{{ product.price }}-price">{{ product.price | money_without_trailing_zeros }}</label>
                      </li>
          {% endfor %}
      </ul>
  </div>
</div>