Question

我将此代码放入我的collection.liquid模板中，以便客户可以按产品类型进行选择。它工作得很好！

＆＃13;

<ul class="types">
    {% for product_type in collection.all_types %}
		<li class="{{ product_type | handleize }}">{{ product_type | link_to_type }}</li>
	{% endfor %}
</ul>

＆＃13;

然而，我希望能够隐藏＆＃34;选择某些内容后的此列表。这是因为在顾客选择T恤后，它会带到T恤衫页面，这个页面有很多标题的T恤＆＃34;在顶部，并且，由于上面的代码，一个较小的＆＃34; T恤＆＃34;在它下面。复制页面标题很烦人，在选择产品类型后，我一直在努力弄清楚如何删除列表。我试过这个：

＆＃13;

ul.nothing { display:none; }

＆＃13;

<ul class="types" {% if page_title contains product_type %}class="nothing"{% endif %}>
    {% for product_type in collection.all_types %}
		<li class="{{ product_type | handleize }}">{{ product_type | link_to_type }}</li>
	{% endfor %}
</ul>

＆＃13;

它无法正常工作，我想避免手动执行此操作

＆＃13;

body#t-shirts ul.types { display:none; }

＆＃13;

等...对于我所有不同的产品类型。

帮助！

提前谢谢！

Answer 1

如果你改变

它应该有用

{% if page_title contains product_type %}

到

{% if page_title == collection.current_type %}

Answer 2

<li> {% for collection in collections %}
     {% if collection.products_count != 0 %}
     <br><a  href="{{ collection.url }}"> {{ collection.title }} <span class="count">({{collection.products_count}})</span></a>
{% endif%}  {% endfor %}  </li>

Shopify Liquid：使用＆＃39; if＆＃39;用于隐藏不同页面上的元素的语句

2 个答案: