Как захватить, если выбран текущий поставщик

Question

В моей боковой панели на страницах коллекции и в индексе я перечислил всех поставщиков с кодом ниже. Теперь я хочу добавить .active класс в <li>, когда выбран конкретный поставщик. Я хочу сделать то же самое со списком типов продуктов. Как проверить, какой поставщик выбран?

Я пытался {% if collection.handle == vendor %}. Но он возвращает ноль, поскольку он может захватывать только имена коллекций.

<ul class="nav">
  {% for vendor in shop.vendors %}
      <li class="collection-container {% if collection.handle == vendor %}active {% endif %}">{{ vendor | link_to_vendor }}</li>
  {% endfor %}
</ul>

Обратите внимание, что URL создается как / collection / types? Q = Nike, а после = идет поставщик. Я хочу попытаться как-то захватить текущую коллекцию, по которой перемещается пользователь, и добавить тег active во всем цикле foreach.

Я понимаю, что это можно сделать, создавая коллекции для каждого поставщика и типа продукта и используя collection.handel, но мне интересно попытаться решить эту проблему, захватив последний бит URL.

Answer 1

** показать фильтр поставщиков, используйте этот код **
<ul class="filter">
{% для Продавца в shop.vendors%}
{%, если shop.vendors содержит Vendor%}
{%if collection.current_vendor == Vendor%} <li class="active"> {{Vendor |link_to_vendor}} </li>
{% else%}
<li> {{Vendor |link_to_vendor}} </li> {% endif%}
{% endif%}
{% endfor%}
</ul>

, если вы хотите заключить сделку с продавцом, попробуйте этикод
<ul class="filter">
{% assign myvendor = 'samsung, xaomi, Nokia' |split: ","%}
{% для продавца в myvendor%}
{%, если shop.vendors содержит продавца%}
{% if collection.current_vendor == Vendor%} <li class="active"> {{Продавец |link_to_vendor}} </li>
{% else%}
<li> {{Vendor |link_to_vendor}} </li> {% endif%}
{% endif%}
{% endfor%}
</ul>