如何从 Shopify 导航中隐藏特定标签？答案

【问题标题】：How do I hide a specific tag from a Shopify navigation?如何从 Shopify 导航中隐藏特定标签？
【发布时间】：2020-03-24 15:21:34
【问题描述】：

我们正在尝试从我们的收藏页面的导航中隐藏特定标签/过滤器，而不从产品本身中删除该标签，因为我们仍然需要此标签来实现其他功能。

我们的主题非常定制，我尝试了一些不同的流动代码变体，但无济于事。

collection page navigation with tag needed to hide

我附上了一个屏幕截图，突出显示了我们需要从导航中隐藏的标签。

这是该页面的 URL：https://mycuisinesolutions.com/collections/all

这是动态拉入该导航的所有标签的代码：

{% if collection.all_tags.size > 0 %}
  <div class="tags">
      {% for tag in collection.all_tags %}
      {% capture tag_slug %}{{ tag | handleize }}{% endcapture %}
      <a href="" data-filterby="{{ tag_slug }}">{{ tag }}</a>
      {% endfor %}
  </div>
  {% endif %}

如果有人可以提供帮助或需要更多信息，请告诉我。

我已经尝试添加

{% unless product.tags contains 'no-quantity' %}
--tag code above--
{% endunless %}

但这不起作用。非常感谢任何帮助！

【问题讨论】：

您能否准确说明您尝试添加unless 代码的方式/位置，因为这似乎应该可以工作？
@RickDavies 我在上面列出的标记代码周围添加了unless 代码
好吧，我怀疑你做错了，但除非你展示你实际做了什么，否则我无法判断。可以显示合并后的代码吗？

标签： html css tags shopify liquid

【解决方案1】：

出于某种原因，您正试图检查product.tags。您需要在循环中检查标签本身。下面的代码应该适合你。

{% if collection.all_tags.size > 0 %}
<div class="tags">
  {% for tag in collection.all_tags %}
    {% capture tag_slug %}{{ tag | handleize }}{% endcapture %}

    {%- if tag_slug == "no-quantity" -%}
      {%- continue -%}
    {%- endif -%}

    <a href="" data-filterby="{{ tag_slug }}">{{ tag }}</a>
  {% endfor %}
</div>
{% endif %}

【讨论】：