Shopify当前标签显示多标签名问题及代码解决方案咨询

看起来你遇到的问题根源在于原代码遍历了产品的所有标签，导致不管是选中标签还是查看全部产品时，都会生成和标签数量一致的链接，所以才会出现多个标签名称重复显示的情况。咱们来调整逻辑，精准匹配你的需求：

需求回顾 #

• 点击「全部产品」（无选中标签状态）：仅显示产品的第一个标签链接
• 点击任一标签（有选中标签状态）：仅显示当前选中的那个标签链接

修正后的代码 #

{% if current_tags.size > 0 %}
  <!-- 存在选中标签时，展示当前选中的标签 -->
  <a class="link" href="{{ current_tags[0] | link_to_tag: current_tags[0] }}">{{ current_tags[0] }}</a>
{% else %}
  <!-- 无选中标签（全部产品）时，展示第一个标签 -->
  {% if product.tags.size > 0 %}
    <a class="link" href="{{ product.tags[0] | link_to_tag: product.tags[0] }}">{{ product.tags[0] }}</a>
  {% endif %}
{% endif %}

代码逻辑说明 #

1. 判断选中状态：用current_tags.size > 0检测用户是否点击了标签筛选器
   • 若有选中标签，直接取current_tags[0]（Shopify中单个标签筛选时，current_tags是仅含该标签的数组）生成对应链接，避免循环重复输出
2. 全部产品状态处理：先判断产品是否存在标签（防止空数组报错），再取product.tags[0]生成第一个标签的链接
3. 移除了原代码的for循环，从根源上解决了重复生成链接的问题

如果你的场景支持多选标签，逻辑可以再调整，但从需求描述来看，单选标签的场景下这段代码完全适用。

内容的提问来源于stack exchange，提问作者user9437856