按尺寸变量Shopify过滤器集合

时间:2014-02-03 23:37:11

标签: jquery html css shopify liquid

我目前正在使用shopify的主题先生。 parker,它有一个按标签片段过滤。 我试图通过标签片段重新定位此过滤器集合,而不是按产品大小变体进行过滤。因此,它目前的工作原理是该片段将查看产品的标签,并将过滤标签选项来自主题集合管理菜单,并将其显示为集合页面上的过滤器下拉列表。它适用于标签,但现在我希望它按产品变体的大小进行过滤。

{% if settings.sort-dropdown-a-check %}
<li class="clearfix filter">
{% assign tags = settings.sort_a  | replace: ' ,', ',' | replace: ', ', ',' | split: ','%}     
<p>{{ settings.sort-a }}</p>
<select class="styled-select coll-filter">
  <option value="">All</option>
  {% for tag in tags %}
  {% if current_tags contains tag %}
  <option value="{{ tag | handle }}" selected>{{ tag }}</option>
  {% elsif collection.all_tags contains tag %}
  <option value="{{ tag | handle }}">{{ tag }}</option>
  {% endif %}
  {% endfor %}
</select>
</li>
{% endif %}

谢谢,寻找。

2 个答案:

答案 0 :(得分:0)

看起来你错过了一块拼图。从Parker先生的演示商店来看,看起来这个功能已经内置在主题中。

http://mr-parker.myshopify.com/collections/all

请注意,您只能按标签过滤集合,而不能按产品变体过滤。因此,为了按大小过滤集合,您需要通过并使用必要的值(例如s,m,l等)标记所有产品。

由于我没有亲自看过Parker先生的主题代码,我无法确定它是如何工作的,但听起来你需要在主题设置中定义这些额外的标签选择菜单,或者可能在链表。

答案 1 :(得分:0)

Power Tools Suite中有一个应用可以根据变体标题标记您的产品,然后您只需按标签过滤尺寸即可。它甚至可以通过删除标签来处理您的尺寸。