Current tags

Produkt-Tags werden verwendet, um eine Sammlung zu filtern und nur Produkte anzuzeigen, die ein bestimmtes Produkt-Tag enthalten. In ähnlicher Weise werden Artikel-Tags verwendet, um einen Blog so zu filtern, dass nur Produkte angezeigt werden, die ein bestimmtes Artikel-Tag enthalten. Die Variable current_tags ist ein Array, das alle Tags enthält, die zum Filtern einer Sammlung oder eines Blogs verwendet werden.

Die Tags innerhalb des Arrays current_tags werden immer in alphabetischer Reihenfolge angezeigt. Es ist nicht möglich, die Reihenfolge manuell zu ändern.

Inside collection.liquid

In collection. liquid enthält current_tags alle Produkt-Tags, die zum Filtern einer Sammlung verwendet werden.

Im folgenden Beispiel wird eine Liste erstellt, die jedes Tag innerhalb jedes Produkts in einer Sammlung anzeigt. Wenn die Sammlung nach dem Tag gefiltert ist (d. h. wenn current_tags das Tag enthält), wird der Filter durch den Link aufgehoben. Wenn die Sammlung derzeit nicht nach dem Tag gefiltert ist (wenn current_tags das Tag nicht enthält), wird ein Link angezeigt, der dem Benutzer die Möglichkeit gibt, dies zu tun.

 <ul>
  
{% for tag in collection.all_tags %}
    {% if current_tags contains tag %}
          
  <li class="active">{{ tag | link_to_remove_tag: tag }}</li>
    {% else %}
          
  <li>{{ tag | link_to_add_tag: tag }}</li>
    {% endif %}
{% endfor %}

 </ul>

Inside blog.liquid

In blog. liquid enthält current_tags alle Artikel-Tags, die zum Filtern des Blogs verwendet werden.

Das folgende Beispiel fügt einen Breadcrumb hinzu, der anzeigt, welches Artikel-Tag zum Filtern eines Blogs verwendet wird. Wenn ein Blog mit einem Tag gefiltert wird, zeigt der Breadcrumb den Namen des Tags an und bietet einen Link zurück zum ungefilterten Blog.

{% if current_tags %}
  <h1>{{ blog.title | link_to: blog.url }} » {{ current_tags.first }}</h1>
{% else %}
  <h1>{{ blog.title }}</h1>
{% endif %}