#javascript #jquery #filter #shopify #liquid
Вопрос:
Я пытаюсь добавить фильтры цен в качестве флажков в фильтры моей коллекции. Мне это нужно, чтобы, когда вы нажмете на цену, она показала вам все товары с этой ценой. Я так близко, но это не работает. Вы можете увидеть его текущее поведение в разделе «Цена» по этой ссылке: 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>
Комментарии:
1. где код JS, пожалуйста, опубликуйте?