多次过滤产品集合

时间:2017-06-17 21:35:30

标签: html css shopify liquid

我正在尝试为我的馆藏创建多个过滤器。

例如:在第一个过滤器下拉列表中,客户可以选择MARVEL,在第二个过滤器中,我希望他们只能看到MARVEL字符。

我的问题是:

  1. 我需要编写哪些代码才能获取第一个下拉列表的值?

  2. 是否可以生成包含标签MARVEL +另一个标签的所有产品的列表?

  3. (如果有所帮助,我正在使用免费主题'Venture')

    这就是我的代码目前的样子:

        <div class="collection-sort">
      <label for="SortTags" class="collection-sort__label">Universe</label>
      <select name="SortTags" id="SortTags" class="collection-sort__input">
        {% if collection.handle %}
          <option value="/collections/{{ collection.handle }}">{{ 'collections.sorting.all_of_collection' | t }}</option>
        {% elsif collection.current_type %}
          <option value="{{ collection.current_type | url_for_type }}">{{ 'collections.sorting.all_of_collection' | t }}</option>
        {% elsif collection.current_vendor %}
          <option value="{{ collection.current_vendor | url_for_vendor }}">{{ 'collections.sorting.all_of_collection' | t }}</option>
        {% endif %}
        {% assign tags = 'MARVEL,DC,Games,Movies,TV' | split: ',' %}
        var test;
        {% for tag in tags%}
          <option value="/collections/{% if collection.handle != blank %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handleize }}"{% if current_tags contains tag %} selected="selcted"{% endif %}>{{ tag }}</option>
        {% endfor %}
    
      </select>
    </div>
    

0 个答案:

没有答案