如何隐藏 Shopify 导航中的特定标签？

Question

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

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

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 %}

但这没有用。非常感谢任何帮助！

Answer 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 %}

如何隐藏 Shopify 导航中的特定标签？

How do I hide a specific tag from a Shopify navigation?

html

css

tags

liquid

shopify