html - Shopify 按尺码过滤集合

标签 html css shopify liquid

我目前正在使用 shopify 的主题 mr. 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 %}

感谢您的关注。

最佳答案

您似乎漏掉了一 block 拼图。从 Mr Parker 演示商店来看,这个功能似乎已经内置到主题中。

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

请注意,您只能按标签过滤产品系列,而不能按产品变型。因此,为了按尺寸过滤产品系列,您需要仔细检查并使用必要的值(例如 s、m、l 等)标记所有产品。

因为我没有亲自看过 Mr Parker 的主题代码,所以我不能确定它是如何工作的,但听起来你需要在主题设置中或可能在链接列表。

关于html - Shopify 按尺码过滤集合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21540102/

相关文章:

php - WordPress 20 13 子主题更改标题横幅大小

javascript - 向变体选择器添加标签 (Shopify)

HTML - 如何将文本放在背景图像上的白色背景上

html - 数字类型输入元素微调器 css 样式

javascript - 在 Chrome 中打印重复的页眉

javascript - fullcalendar:悬停他的 daycell 时显示特定日期的所有事件

css - 如何避免Safari中线性渐变变暗的影响?

html - Shopify 更改集合的布局

javascript - 如何在 Shopify 上将产品颜色选项分为两个类别 "Essentials"和 "Limited Edition"?

html - 带有 CSS 问题的 Ruby Nokogiri HTML 抓取表