Dokumentation Entwickler Liquid Referenz Filter

Tag

Aktualisiert am 16.03.2017

Filter zum manipulieren von Schlagworten und Schlagwortlisten.

Hinweis: Viele dieser Filter funktionieren nur auf einer collection-Seiten.

{% assign tags = "rot,grün,blau"|split %}
<ul>
{% filter collection by each of tags %}
<li{% if reset_filter.highlights %} class="active"{% endif %}>{{ 'Alle' | link_to: reset_filter.url }}</li>
{% for filter in filters %}
<li{% if filter.highlights %} class="active"{% endif %}></li>
{% endfor %}
{% endfilter %}
</ul>

Weitere Hinweise finden sie beim Filter-Liquidtag.

Inhalt

highlight_active_tag

css_class ist standardmäßig active und muss nur angegeben werden, wenn man die CSS-Klasse anders nennen möchte.

Syntax:
{{ tag | highlight_active_tag: css_class }}
Beispiel:
{{ product.tags.first | highlight_active_tag: 'active-tag' }}
Ausgabe:
<span class="active-tag">
Sport
</span>

most_used

Syntax:
{{ tag_list | most_used: amount }}
Beispiel:
Häufige Tags: {{ product.tags | most_used: 4 | join: ', ' }}
Ausgabe:
Häufige Tags: Sport, Hosen, Volleyball, Fußball

tag_list

Syntax:
{{ tags | tag_list: css_class }}
Beispiel:
{{ product.tags | most_used: 3 | tag_list }}
Ausgabe:
<ul id="tag_list">
<li>Getränke</li>
<li>alkoholfrei</li>
<li>kalorienarm</li>
</ul>

tag_cloud

Standardmäßig haben die Klassen folgende Werte:

weight_class = "weight"

list_class = "tag_cloud"

Syntax:
{{ tag_list | tag_cloud: weight_class, list_class }}
Beispiel:
{{ collection.tags | most_used: 6 | tag_cloud }}
Ausgabe:
<ul id="tag_cloud">
<li class="weight3">deutschland</li>
<li class="weight4">italien</li>
<li class="weight1">frankreich</li>
<li class="weight5">england</li>
<li class="weight4">chile</li>
<li class="weight2">australien</li>
</ul>

weight_tags

{{ tag_list | weight_tags: size }}

size bestimmt, wie groß die Abstufung sein soll. Standardmäßig ist size = 5.

weighted_tag_item

weight_class ist dabei standardmäßig auf tag_0 eingestellt.

Syntax:
{{ weighted_tag | weighted_tag_item: weight_class }}
Beispiel:
{{ product.tags.first | weighted_tag_item: 'weight' }}
Ausgabe:
<li class="weight3"><a href="/tags/sport/">Sport</a></li>

tag_item

Syntax:
{{ tag | tag_item }}
Beispiel:
{{ product.tags.first | tag_item }}
Ausgabe:
<li><a href="/tags/sport/">Sport</a></li>

link_to_add_tag

Filter zum manipulieren von Schlagworten und Schlagwortlisten.

Hinweis: Viele dieser Filter funktionieren nur auf einer collection-Seiten.

{% assign tags = "rot,grün,blau"|split %}
<ul>
{% filter collection by each of tags %}
<li{% if reset_filter.highlights %} class="active"{% endif %}>{{ 'Alle' | link_to: reset_filter.url }}</li>
{% for filter in filters %}
<li{% if filter.highlights %} class="active"{% endif %}></li>
{% endfor %}
{% endfilter %}
</ul>

Weitere Hinweise finden sie beim Filter-Liquidtag.

link_to_remove_tag

Filter zum manipulieren von Schlagworten und Schlagwortlisten.

Hinweis: Viele dieser Filter funktionieren nur auf einer collection-Seiten.

{% assign tags = "rot,grün,blau"|split %}
<ul>
{% filter collection by each of tags %}
<li{% if reset_filter.highlights %} class="active"{% endif %}>{{ 'Alle' | link_to: reset_filter.url }}</li>
{% for filter in filters %}
<li{% if filter.highlights %} class="active"{% endif %}></li>
{% endfor %}
{% endfilter %}
</ul>

Weitere Hinweise finden sie beim Filter-Liquidtag.