Tag

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>


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 }}

{{ product.tags.first | highlight_active_tag: 'active-tag' }}

<span class="active-tag">
Sport
</span>


most_used

Syntax:

{{ tag_list | most_used: amount }}

Häufige Tags: {{ product.tags | most_used: 4 | join: ', ' }}

Häufige Tags: Sport, Hosen, Volleyball, Fußball


tag_list

Syntax:
{{ tags | tag_list: css_class }}

{{ product.tags | most_used: 3 | tag_list }}

<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 }}
{{ collection.tags | most_used: 6 | tag_cloud }}
<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

Syntax:
{{ tag_list | weight_tags: size }}

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



weighted_tag_item

Syntax:

{{ weighted_tag | weighted_tag_item: weight_class }}

{{ product.tags.first | weighted_tag_item: 'weight' }}

<li class="weight3"><a href="/tags/sport/">Sport</a></li>


tag_item

Syntax:

{{ tag | tag_item }}

{{ product.tags.first | tag_item }}

<li><a href="/tags/sport/">Sport</a></li>


Erzeugt einen Link zu allen Produkten in einer Kollektion, die ein bestimmtes Tag sowie alle bereits ausgewählten Tags haben.

Syntax:
<!-- collection.tags = ["Mens", "Womens", "Sale"] -->
{% for tag in collection.tags %}
  {{ tag | link_to_add_tag: tag }}
{% endfor %}

<!-- If you're on "/collections/frontpage/mens": -->
<a title="Show products matching tag Mens" href="/collections/frontpage/mens">Mens</a>
<a title="Show products matching tag Womens" href="/collections/frontpage/womens+mens">Womens</a>
<a title="Show products matching tag Sale" href="/collections/frontpage/sale+mens">Sale</a>


Erzeugt einen Link zu allen Produkten in einer Kollektion, die über das angegebene Tag verfügen, und alle vorherigen Tags, die möglicherweise bereits hinzugefügt wurden.

Syntax:
<!-- collection.tags = ["Mens", "Womens", "Sale"] -->
{% for tag in collection.tags %}
  {{ tag | link_to_remove_tag: tag }}
{% endfor %}

<!-- If you're on "/collections/frontpage/mens": -->
<a title="Remove tag Mens" href="/collections/frontpage">Mens</a>


    • Related Articles

    • Tags

      Schlagwortliste eines Produktes ausgeben: <ul> {% for tag in product.tags %} <li>{{ tag.name }}</li> {% endfor %} </ul> Schlagwortliste eine Produktes ausgeben und auf das Schlagwort verlinken mit Hilfe des Filters link_to_tag: <ul> {% for tag in ...
    • HTML

      HTML filters create HTML elements based on Liquid properties or a store's assets. script_tag Syntax: {{ script | script_tag }} {{ 'shop.js' | asset_url | script_tag }} <script src="/accounts/demo_versacommerce_de/designs/standard/assets/shop.js" ...
    • Links

      links_to_add_to_list Syntax: {{ title | link_to_add_to_list listname, product_id, alt }} Beispiel: {{ 'Merken' | link_to_add_to_list: 'Merkzettel', product.id, 'Hier klicken, um das Produkt auf den Merkzettel zu setzen' }} link_to Syntax: {{ linktext ...
    • Page

      Eine komplette Informations-Seite kann z.B. im page.liquid-Template so ausgegeben werden: <h1>{{ page.title }}</h1> {{ page.content }} page.content_meta_description {{ page.content_meta_description }} page.content_meta_keywords {{ ...
    • Article

      Das article_objekt weist die folgenden Attribute auf: article.author Gibt den vollständigen Namen des Autors des Artikels zurück. Name: {{ article.author }} Name: Max Muster article.blog Titel des Blogs: {{ article.blog.title }} Titel des Blogs: Mein ...