如果 Shopify 中没有显示标签，如何隐藏列表？

Question

如果当前集合没有要显示的标签，我会尝试隐藏过滤器部分。

这是我当前的代码：

{% assign tags = 'Blue, Grey, Black, Oak, Bronze, Pewter, Gunmetal, Utile, Mahogany' | split: ',' %}
{% assign colour = tags | size %}
 <ul class="subnav clearfix" {% if colour <= 0 %} style="display: none;" {% endif %}>
  <li class="coll-filter filter-heading clearfix">
   <label>Colour</label>
   <hr class="hr--sidebar">
   {% for t in tags %}
   {% assign tag = t | strip %}
   {% if current_tags contains tag %}
    <li class="selection{% unless current_tag %} active{% endunless%}">
     <span>{{ tag | link_to_remove_tag: tag }}</span>
    </li>
   {% elsif collection.tags contains tag %}
    <li class="selection{% unless current_tag %} active{% endunless%}">
     <div id="swatch-{{ tag }}" class="colour-filter">&nbsp;</div>
      <span> {{ tag | link_to_tag: tag }}</span>
    </li>
   {% endif %}
  {% endfor %}
 </li>
</ul>


{% assign tags = 'Egyptian Cotton, Silk, Satin, Salt' | split: ',' %}
{% assign material = tags | size %}
 <ul class="subnav clearfix" {% if material <= 0 %} style="display: none;" {% endif %}>
  <li class="coll-filter filter-heading clearfix">
   <label>Material</label>
   <hr class="hr--sidebar">
   {% for t in tags %}
   {% assign tag = t | strip %}
    {% if current_tags contains tag %}
     <li {% unless current_tag %}class="active"{% endunless%}>
      {{ tag | link_to_remove_tag: tag }}
     </li>
    {% elsif collection.tags contains tag %}
     <li>
      {{ tag | link_to_tag: tag }}
     </li>
    {% endif %}
   {% endfor %}
  </li>
 </ul>

{% assign tags = 'Small, Medium, Large' | split: ',' %}
{% assign size = tags | size %} 
 <ul class="subnav clearfix" {% if size <= 0 %} style="display: none;" {% endif %}>
  <li class="coll-filter filter-heading clearfix">
   <label>Size</label>
   <hr class="hr--sidebar">
   {% for t in tags %}
   {% assign tag = t | strip %}
   {% if current_tags contains tag %}
    <li {% unless current_tag %}class="active"{% endunless%}>
     {{ tag | link_to_remove_tag: tag }}
    </li>
   {% elsif collection.tags contains tag %}
    <li>
     {{ tag | link_to_tag: tag }}
    </li>
   {% endif %}
  {% endfor %}
 </li>
</ul>

{% assign tags = 'Under £5, £15-£100, £100-£250, £250-£750, £750-1000£, £1000' | split: ',' %}
{% assign price-range = tags | size %}
 <ul class="subnav clearfix" {% if price-range <= 0 %} style="display: none;" {% endif %}>
  <li class="coll-filter filter-heading clearfix">
   <label>Price Range</label>
   <hr class="hr--sidebar">
   {% for t in tags %}
   {% assign tag = t | strip %}
   {% if current_tags contains tag %}
    <li {% unless current_tag %}class="active"{% endunless%}>
     {{ tag | link_to_remove_tag: tag }}
    </li>
   {% elsif collection.tags contains tag %}
    <li>
     {{ tag | link_to_tag: tag }}
    </li>
   {% endif %}
  {% endfor %}
 </li>
</ul>

我的代码已根据以下答案进行了更新。 目前仍然无法正常工作。

我确定我有多个过滤器，然后为标签分配尺寸、颜色、材料和价格范围这一事实是否导致它不起作用？

提前致谢。

Answer 1

检查标签集合是否小于或等于零，然后应用 display:none 样式。

{% 如果标签

Answer 2

试试这个

{% assign tags = 'Egyptian Cotton, Silk, Satin' | split: ',' %}
{% assign count = 0 %}
{% for t in tags %}
  {% assign tag = t | strip %}
  {% if current_tags contains tag or collection.all_tags contains tag %}
    {% increment count %}
  {% endif %}
{% endfor %}

<ul class="subnav clearfix" {% if count <= 0 %} style="display:none" {% endif %} >
 <li class="coll-filter clearfix{% unless current_tags %} active{% endunless %}">
   <label>Material</label>
    <hr class="hr--sidebar">
     {% for t in tags %}
      {% assign tag = t | strip %}
       {% if current_tags contains tag %}
        <li {% unless current_tag %}class="active"{% endunless%}>
         {{ tag | link_to_remove_tag: tag }}
        </li>
       {% elsif collection.all_tags contains tag %}
       <li>
       {{ tag | link_to_tag: tag }}
      </li>
   {% endif %}
  {% endfor %}
 </li>
</ul>