Verfügbare Filter

Array

Diese Filter umfassen:

First Randomize
Last Join
Skip Map
Take Size
Sort Uniq
Reverse

 

Text

Diese Filter umfassen:

Format Size
Append Slice
Prepend Split
Capitalize StripHtml
Downcase StripNewlines
Upcase NewlineToBr
Remove Truncate
RemoveFirst TruncateWords
Replace Times
ReplaceFirst

 

Numerisch, mathematisch

Diese Filter umfassen:

Plus Normalize
Minus Floor
Times Ceil
DividedBy Abs
Modulo Round

 

Datum und Uhrzeit

Diese Filter umfassen:

Date

 

Preis

Diese Filter umfassen:

ToPrice

 

HTML

Filter, die, wenn sie angewendet werden, vorgefertigte HTML-Code-Schnipsel zur Verwendung auf der Seite zurückgeben.

Diese Filter umfassen:

A Img2
Img

 

Andere

Diese Filter umfassen:

H ToInt
Escape ToNum
EscapeUri ToTimeSpan
UnEscapeUri DEBUG
ToString

 



 

Beschreibung der verfügbaren Filter:

First

Ruft das erste Element aus einem Array ab; Rückgabetyp: abhängig davon, was den Array speichert.

{{ product-details.Product.Images |First |Img }}


 

Last

Ruft das erste Element aus einem Array ab; Rückgabetyp: abhängig davon, was den Array speichert.

{{ product-details.Product.Images |Last |Img }}


 

Skip
Gibt einen Arrayl zurück, das nicht die Anfangselemente aus dem Eingabe-Array enthält. Überspringt die angegebene Anzahl von Elementen. Die Anzahl der zu überspringenden Elemente wird im Parameter übergeben. Parameter: int.
Zurückgegebener Typ: ein Array mit Elementen des in dem Eingabe-Array definierten Typs.

{% assign FarbeText = ‘weiß, schwarz, grün, rot, blau, gelb’ %}
{% assign kolory = koloryTekst |Split: ‘,’ %}
Alle Elemente
{% for Farbe in Farbe -%}
{{ Farbe }}
{% endfor -%}Überspringe die ersten 3 Elemente{% assign Farben = Farben |Skip: 3 %}
{% for Farbe in Farbe -%}
{{ Farbe }}
{% endfor -%}

Das obige Beispiel ergibt:

Alle Elemente

  • weiß
  • schwarz
  • grün
  • rot
  • blau
  • gelb

Überspringe die ersten 3 Elemente

  • rot
  • blau
  • gelb

 

Take
Gibt einen Array zurück, das nur die angegebene Anzahl von Anfangselementen aus dem Eingabe-Array enthält. Parameter: int.
Zurückgegebener Typ: ein Array mit Elementen des im Eingabe-Array definierten Typs.
{% assign FarbenText = ‘weiß, schwarz, grün, rot, blau, gelb’ %}
{% assign Farben = FarbenText |Split: ‘,’ %}Alle Elemente
{% for Farbe in Farben -%}
{{ Farbe }}
{% endfor -%}Lade nur die ersten 3 Elemente herunter
{% assign Farben = Farben |Take: 3 %}
{% for Farbe in Farben -%}
{{ Farbe }}
{% endfor -%}

Das obige Beispiel wird zurückgegeben:

Alle Elemente

  • weiß
  • schwarz
  • grün
  • rot
  • blau
  • gelb

Lade nur die ersten 3 Elemente herunter

  • weiß
  • schwarz
  • grün

 

Sort
Sortiert die Elemente im Array entsprechend dem übergebenen Argument. Das Argument sollte eine Eigenschaft der Element-Sammlung des Eingabe-Arrays sein.Parameter: string.
Zurückgegebener Typ: ein Array mit Elementen des im Eingabe-Array definierten Typs.

{% assign sortedFlags = product-details.Product.Flags |Sort: ‘Text’ %}
{% for flag in sortedFlags -%}
Name: {{ flag.Text}}
{% endfor -%}


 

Reverse

Rückgabetyp: ein Array mit Elementen des im Eingabe-Array definierten Typs.

{% assign koloryTekst = ‘weiß, schwarz, grün, rot, blau, gelb’ %}
{% assign Farben = FarbenText |Split: ‘, ‘ %}
{% assign Farben = Farben |Reverse %}
Alle Elemente in umgekehrter Reihenfolge
{% for Farbe in Farben -%}
{{ Farbe }}
{% endfor -%}

Das obige Beispiel wird zurückgegeben:

Alle Elemente in umgekehrter Reihenfolge

  • gelb
  • blau
  • rot
  • grün
  • schwarz
  • weiß

 

Randomize

Gibt ein Array zurück, in dem die Reihenfolge der Elemente zufällig festgelegt ist. zurückgegebener Typ: ein Array mit Elementen des Typs, der im Eingabe-Array definiert ist.

{% assign FarbenText = ‘weiß, schwary, grün, rot, blau, gelb’ %}
{% assign Farben = FarbenText |Split: ‘, ‘ %}
{% assign Farben = Farben |Randomize %}
Alle Elemente in zufälliger Reihenfolge
{% for Farbe in Farben -%}
{{ Farbe }}
{% endfor -%}

Das obige Beispiel kann zurückgegeben werden:

  • rot
  • blau
  • weiß
  • gelb
  • schwarz
  • grün

Ein weiteres Beispiel:

{% assign randomBild = productdetails.Product.Images |Randomize %}
Erstes Zufallsbild auf der Ware
{{randomBild |First |Img }}


 

Join

Verkettet die Elemente eines Arrays zu einer Zeichenkette, indem der übergebene Parameter zwischen den Elementen eingefügt wird.Parameter: string. Zurückgegebener Typ: string.

{% assign FarbenText = ‘weiß, schwarz, grün, rot, blau, gelb’ %}
{% assign arrayFarben = FarbenText |Split: ‘, ‘ %}
{{arrayFarben |Join: ‘. ‘ }}

Das obige Beispiel wird zurückgegeben:

weiß. schwarz. grün. rot. blau. gelb


 

Map
Gibt ein Array zurück, das aus den Werten der Elemente der Eingabesammlung für die angegebene Eigenschaft des übergebenen Arguments besteht.Parameter: string.
Zurückgegebener Typ: ein Array von Elementen des Typs der angegebenen Eigenschaft.

{% assign typyFlag = product-details.Product.Flags |Map: ‘Text’ %}
{% for typFlagi in typyFlag -%}
{{typFlagi}}
{% endfor -%}

Das obige Beispiel kann zu einem Ergebnis führen:

Promotion
Top-Bewertung

Ein weiteres Beispiel:

{{ config.Languages |Map: ‘Name’ |Join: ‘, ‘ }}

Das obige Beispiel kann zu einem Ergebnis führen:

polisch, deutsch, französisch


 

Size

Gibt die Anzahl der Elemente in einem Array zurück – Rückgabetyp: int.

Anzahl der Bilder für eine Ware {{ product-details.Product.Images |Size }}


 

Uniq

Gibt ein Array mit eindeutigen Elementen zurück. Zurückgegebener Typ: ein Array mit Elementen des im Eingabe-Array definierten Typs.

{% assign Farben = “schwarz,weiß,blau,schwarz,blau” | Split: ‘,’ -%}
{% assign einzigartigeFarben = Farben | Uniq -%}
{% for Farben in einzigartigeFarben -%}
{{Farbe}}
{% endfor -%}

Das obige Beispiel wird zurückgegeben:

  • schwarz
  • weiß
  • blau

 

Format
Formatiert den Text entsprechend den in den einzelnen Parametern übergebenen Werten.Parameter: Objekt p1, Objekt p2 = null, Objekt p3 = null, Objekt p4 = null, Objekt p5 = null, Objekt p6 = null, Objekt p7 = null, Objekt p8 = null, Objekt p9 = null, Objekt p10 = null.
Zurückgegebener Typ: string.
{% assign PreisWährung = ‘Preis: {0}, Währung {1}’ -%}
{{ PreisWährung | Format:’25.00′, ‘PLN’ }}

Das obige Beispiel wird zurückgegeben:

Preis: 25.00, Währung PLN


 

Append
Fügt den mit dem Argument übergebenen Text an das Ende des Eingabetextes an.
Wenn der Eingabetext == null ist, gibt der Filter null zurück.Parameter: string.
Zurückgegebener Typ: string.

{% assign text1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit. ‘ %}
{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{{ text1 |Append: text2 }}

Das obige Beispiel wird zurückgegeben:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Litauen, mein Heimatland! Du bist wie Gesundheit.


 

Prepend
Fügt den mit dem Argument übergebenen Text an den Anfang des Eingabetextes an.
Wenn der Eingabetext == null ist, gibt der Filter null zurück.Parameter: string.
Zurückgegebener Typ: string.

{% assign text1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit. ‘ %}
{{ text1 |Prepend: text2 }}

Das obige Beispiel wird zurückgegeben:

Litauen, mein Heimatland! Du bist wie Gesundheit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.


 

Capitalize

Wandelt Text so um, dass jedes Wort im Text mit einem Großbuchstaben beginnt. Zurückgegebener Typ: String.

{% assign tekst1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{{ text1 |Capitalize }}


 

Downcase

Wandelt Text so um, dass der gesamte Text (jeder Buchstabe) klein geschrieben wird. Zurückgegebener Typ: String.

{% assign tekst1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{{ text1 | Downcase }}


 

Upcase

Wandelt Text so um, dass der gesamte Text (jeder Buchstabe) in Großbuchstaben geschrieben wird. Zurückgegebener Typ: String.

{% assign tekst1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{{ text1 |Upcase}}


 

Remove
Entfernt einen durch einen Parameter übergebenen Text aus dem Eingabetext.Parameter: string.
Zurückgegebener Typ: string.

{% assign tekst1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{{ text1 |Remove: ‘ip’ }}


 

RemoveFirst

Entfernt das erste Vorkommen des mit dem Parameter übergebenen Textfragments aus dem Eingabetext.Parameter: string. Zurückgegebener Typ: string.

{% assign text1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{{ text1 |RemoveFirst: ‘ip’ }}


 

Replace
Ersetzt ein Textfragment im Eingabetext durch einen anderen Text (Ersetzungstext). Der Suchtext und der Ersetzungstext werden über Parameter übergeben. Die Parameter akzeptieren reguläre Ausdrücke.
Wenn du nach einem Sonderzeichen suchen und es wie ein Zeichen und nicht als Teil eines regulären Ausdrucks verwenden willst, stellst du ihm einen Schrägstrich voran. Parameter: string, string = “”.
Zurückgegebener Typ: string.

{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{{ text2 |Replace:’!’,’.’ }}
{% assign Gewicht = ‘31.53kg’ %}
{{ Gewicht |Replace:’\.’,’,’ }}
{% assign spacje = ‘ Litauen, mein Heimatland! Du bist wie Gesundheit. ‘ %}
{{ spacje |Replace:’^\s+|\s+$’,” }}


 

ReplaceFirst
Ersetzt das erste Vorkommen des Suchtextes im Eingabetext durch einen anderen Text (Ersatztext). Das gesuchte Textfragment und der Ersetzungstext werden über Parameter übergeben. Die Parameter akzeptieren reguläre Ausdrücke.
Wenn du nach einem Sonderzeichen suchen und es wie ein Zeichen und nicht als Teil eines regulären Ausdrucks verwenden wullst, stellst du ihm einen Schrägstrich voran. Parameter: string, string = “”.
Zurückgegebener Typ: string.

{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{{ text2 |ReplaceFirst:’!’,’.’ }}


 

Size

Gibt die Länge des Textes zurück – die Anzahl der Zeichen im Text. Rückgabetyp: int.

Länge der Warenbeschreibung
{{ productdetails.Product.Description |Size }}

Ein weiteres Beispiel:

Anzahl der Zeichen im Warenpreis
{{ productdetails.Product.Price |ToString |Size }}


 

Slice
Gibt ein Fragment des Eingabetextes für die angegebene Startposition und Länge zurück. Die Startposition und die Länge werden als Parameter übergeben.
Wenn der Parameter Startposition negativ ist, wird die Startposition vom Ende des Textes aus gezählt.
Tipp
Die Zeichen im Text werden von 0 an nummeriert, was bei der Bestimmung der Startposition berücksichtigt werden sollte.
Parameter: int, int = 1.
Rückgabetyp: string.

{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{{ text2 |Slice:0 }}
{{ text2 |Slice:1 }}
{{ text2 |Slice:0,20 }}
{{ text2 |Slice: – 1 }}
{{ text2 |Slice: – 20,10 }}

Ein weiteres Beispiel:

L
i
Litauen! mein Heimatland
.
Du bist wie


 

Split
Erzeugt ein Array aus dem Eingabetext, wobei jedes Element ein durch das angegebene Muster getrennter Textabschnitt ist. Das Muster wird durch den Parameter übergeben. Parameter: string.
Zurückgegebener Typ: string[].

{% assign koloryTekst = ‘weiß, schwarz, grün, rot, blau, gelb’ %}
{% assign Farben = FarbenText |Split: ‘, ‘ %} Erstes Element
{{ Farben[0] }} Alle Elemente
{% for Farbe in Farben – %}
{{ Farbe }} {% endfor – %}

Das obige Beispiel wird zurückgegeben:

Erstes Element
weiß

Alle Elemente
weiß
schwarz
grün
rot
blau
gelb


 

StripHtml

Entfernt alle HTML-Tags aus dem Eingabetext. Zurückgegebener Typ: String.

{{ productdetails.Product.Description |StripHtml }}


 

StripNewlines

Entfernt alle Zeilenumbruchzeichen (Zeilentrennungen) aus dem Eingabetext. Rückgabetyp: String.

{{ productdetails.Product.Description |StripNewlines }}


 

NewlineToBr

Fügt vor jedem Zeilenumbruch im Eingabetext ein HTML-Tag ein. Rückgabetyp: String.

{{ productdetails.Product.Description |NewlineToBr }}


 

Truncate
Schneidet den Eingabetext auf die angegebene Anzahl von Zeichen ab, indem ein Abschneidetext am Ende hinzugefügt wird. Die Anzahl der Zeichen und der Abschneidetext werden als Parameter übergeben. Der Kürzungstext ist in der Anzahl der Zeichen enthalten.Parameter: int = 50, string = “…”.
Rückgabetyp: string.

{% assign text1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{{ text1 |Truncate }}
{{ text2 |Truncate: 25, ‘(…)’ }}

Das obige Beispiel wird zurückgegeben:

Lorem ipsum dolor sit amet, consectetur adipisc…
Litauen, mein Heimatland!(…)


 

TruncateWords
Kürzt den Eingabetext auf die angegebene Anzahl von Wörtern, indem am Ende ein Kürzungstext hinzugefügt wird. Die Anzahl der Wörter und der Abschneidetext werden als Parameter übergeben.Parameter: int 15, string = “…”.
Rückgabetyp: string.
{% assign text1 = ‘Lorem ipsum dolor sit amet, consectetur adipiscing elit.’ %}
{% assign text2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{{ text1 |TruncateWords }}
{{ text2 |TruncateWords: 3,'(…)’ }}

Das obige Beispiel wird zurückgegeben:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Litauen, mein Heimatland!(…)


 

Times
Wiederholt den Text mehrere Male. Anzahl der Wiederholungen wird durch den Parameter übergeben.Parameter: int.
Zurückgegebener Typ: string
{% assign Punkt = ‘.’ %}
{% assign AnzahlderWiederholungen = 3 %}
Beispiel für Text, der mit Punkten endet
{{ Punkt|Times: AnzahlderWiederholungen }}

 

Plus
Parameter: int/decimal.
Zurückgegebener Typ: derselbe wie das Eingabeelement, für das der Filter aufgerufen wird.

{% assign Zahl1 = 9 %}
{% assign Zahl2 = 2 %}
Ergebnis:{{ Zahl1 | Plus: Zahl2 }}

Tipp
Wird der Plus-Filter für ein Eingabeelement vom Typ String aufgerufen, so ist die Aktion ähnlich wie bei der Verwendung des Append.-Filters.

 

Minus
Subtraktion. Parameter: int/decimal.
Rückgabetyp: derselbe wie das Eingabeelement, für das der Filter aufgerufen wird.

{% assign Zahl1 = 9 %}
{% assign Zahl2 = 3 %}
Ergebnis: {{ Zahl1 |Minus: Zahl2 }}


 

Times
Multiplikation. Parameter: int/decimal.
Zurückgegebener Typ: derselbe wie das Eingabeelement, für das der Filter aufgerufen wird.
{% assign Zahl1 = 9.01 %}
{% assign Zahl2 = 2 %}
Ergebnis: {{ Zahl1 |Times: Zahl2 }}

 

DividedBy
Dividieren. Parameter: int/decimal.
Rückgabetyp: derselbe wie das Eingabeelement, für das der Filter aufgerufen wird.

{% assign Zahl1 = 9 %}
{% assign Zahl2 = 3 %}
Ergebnis:{{ Zahl1 |DividedBy: Zahl2 }}


 

Modulo
Rest der Division. Parameter: int/decimal.
Zurückgegebener Typ: derselbe wie das Eingabeelement, für das der Filter aufgerufen wird.
{% assign Zahl1 = 9.01 %}
{% assign Zahl2 = 2 %}
Ergebnis:{{ Zahl1 |Modulo: Zahl2 }}

 

Normalize
Formatiert eine eingegebene Zahl, indem es die “unnötigen” Nullen im Bruchteil der Zahl entfernt.
Zurückgegebener Typ: Dezimal.

Preis: {{ productdetails.Product.Price }}
Preis: {{ productdetails.Product.Price |Normalize }}

Das obige Beispiel kann zu einem Ergebnis führen:

Preis: 10,00
Preis: 10


 

Floor
Gibt die größte ganze Zahl zurück, die kleiner oder gleich der eingegebenen Zahl ist.
Zurückgegebener Typ: int.

{% assign Zahl = 6.05 %}
Ergebnis:{{ Zahl |Floor }}

Das obige Beispiel wird zurückgegeben:

Ergebnis:6


 

Ceil
Gibt die kleinste ganze Zahl zurück, die größer oder gleich der eingegebenen Zahl ist.
Zurückgegebener Typ: int.
{% assign Zahl = 6.05 %}
Ergebnis:{{ Zahl |Ceil }}

Das obige Beispiel wird zurückgegeben:

Ergebnis:7


 

Abs

Gibt den absoluten Wert einer Zahl zurück.

{% assign Zahl = -6.05 %}
Ergebnis:{{ Zahl |Abs }}

Das obige Beispiel kann zu einem Ergebnis führen:

Ergebnis:6.05


 

Round

Rundet die eingegebene Zahl auf die angegebene Anzahl von Dezimalstellen; Rückgabetyp: derselbe wie das Eingabeelement, für das der Filter aufgerufen wird.

{% assign Zahl = 6.05687 %}
Ergebnis:{{ Zahl |Round: 4 }}

Das obige Beispiel wird zurückgegeben:

Ergebnis:6.0569


 

Date
Formatiert das Datum und die Uhrzeit. Gibt das Datum und die Uhrzeit entsprechend dem im Parameter übergebenen Format zurück. Der Datumsfilter im Shop verwendet die Standardeinstellungen von DotLiquid. Verwendest du das Datumsformat der .NET-Konvention, das unter dem Link:
https://msdn.microsoft.com/en-us/library/8kb3ddd4(v=vs.100).aspx [/indicator]Parameter: string.
Zurückgegebener Typ: string.
Datum und Uhrzeit “jetzt”
{{ config.Now }}
Datum {{ config.Now |Date:’yyyy-MM-dd’ }}
Uhrzeit {{ config.Now |Date:’HH:mm:ss’ }}

Das obige Beispiel kann zu einem Ergebnis führen:

Datum und Uhrzeit “jetzt”
13.10.2022 10:32:39
Datum
2022-10-13
Uhrzeit
10:32:39


 

ToPrice
Formatiert den Preis in ein kulturkompatibles Anzeigeformat für den eingestellten Webshop-Standort (Gruppierung Tausender, Punkt oder Komma usw.).
Der Webshop-Standort gibt an, ob der Webshop standardmäßig für den polnischen, deutschen usw. Markt installiert wurde. Rückgabetyp: String.

Preis: {{ product-details.Product.Price }}
Preis: {{ product-details.Product.Price |ToPrice }}

Das obige Beispiel kann zu einem Ergebnis führen:

Preis: 2348,68
Preis: 2 348,68 (Lokalisierung für den polnischen Markt)


 

A

Erzeugt ein <a>Tag mit Attributen. Die Werte für die Attribute des Tags werden dem Eingabeelement entnommen, Typ des Eingabeelements: Objekt Liquid.
Zurückgegebener Typ: StringDer Filter gilt für Objekte:

  • Seite
  • Warengruppe
  • Ware
  • Blog
  • Schlagwörter

Beispiel für die Verwendung des Filters A für Objekte: Website

Webseiten
{{ config.DefinedPages.Home |A |H }}
{{ config.Pages[‘6’] |A |H }}
{% comment %}
Webseite o id = 6
{% endcomment %}
{{ page.CurrentSiteNode |A |H }}
{{ page.GroupNodes[0] |A |H }}
{{ page.Breadcrumbs[0] |A |H }}

Das obige Beispiel kann zu einem Ergebnis führen:

Webseiten
<a href=”./”>Startseite</a>
<a href=”Kundenprofil,6″>Kundenprofil</a>
<a href=”Produkte/Früchte-1/Bananen-555,2,1024703″>Bananen</a>
<a href=”Produkte/Früchte-1,2,76″>Früchte</a>
<a href=”./”>Startseite</a>

Beispiel für die Verwendung von Filter A für Objekte: Artikel

Artikel
{{ product-new.Products[0] |A |H }}
{{ product-list.Products[1] |A |H }}
{{ product-details.Product |A |H }}

Das obige Beispiel kann zu einem Ergebnis führen:

Artikel
<a href=”Bananen,3,1024703,81″>Bananen</a>
<a href=”Minibananen-ein-bisschen-reicht-schon ,3,1024703,82″>Minibananen ein bisschen reicht schon </a>
<a href=”Minibananen-ein-bisschen-reicht-schon,3,1024703,82″>Minibananen ein bisschen reicht schon</a>

Ein Beispiel für die Verwendung des A-Filters für Objekte: Blog, Tags

Blog
{{ blog.PostList.Posts[0] |A |H }}
{{ blog.PostDetails |A |H }}
Tags
{{ config.Tags.Blog[0] |A |H }}

Das obige Beispiel kann zu einem Ergebnis führen:

Blog
<a href=”blog-Grundeintrag,24,1″>Blog Grundeintrag</a>
<a href=”blog-Grundeintrag,24,1″>Blog Grundeintrag</a>
Tags
<a rel=”tag” href=”blog,23?seaBlog=Informationen”>Informationen</a>


 

Img

Erzeugt ein <img>-Tag mit Attributen. Werte für Tag-Attribute werden aus dem Eingabeelement übernommen oder können über Parameter übergeben werden.

Tipp
Der Tag <img> hat standardmäßig einen Link zum Bild im data-src-Attribut. Eine Skriptfunktion sollte verwendet werden, um den Wert aus dem data-src-Attribut in das src-Attribut umzuschreiben (Lazy Load).

Eingabetyp: Liquid-Objekt, string.
Parameter: string size =small, string alt = null, string title = null.
Rückgabetyp: String.

Verfügbare Werte für den Parameter Größe:

Parametr size Bildgröße (längere Kante) in px
img 0
pico 16
icon 32
thumb 50
small 100
compact 160
medium 240
large 480
grande 600
master 1920

Der Filter ist auf Objekte anwendbar:

  • Ware
  • Warenbilder (auf Warendetails)
  • Hersteller
  • Marke
  • Blog (im Blog-Objekt wird der Parameter Größe weggelassen. Die Bilder werden immer in der tatsächlichen Größe zurückgegeben).

Beispiel für die Verwendung des Img-Filters für Objekte: Merchandise, Merchandise Bilder

Artikelliste
{{ product-list.Products[1] |Img |H }}
{{ produc-tlist.Products[1] |Img: ‘medium’,’frische Bananen, Krakau’ |H }}
Artikel (Details)
{{ product-details.Product |Img:’large’ |H }}
{{ product-details.Product.StockLevel.ImageUrl |Img |H }} { % comment % } Text mit Link {% endcomment %}
{{ product-details.Product.Images[0] |Img |H }}

Das obige Beispiel kann zu einem Ergebnis führen:

Artikelliste
<img alt=”Minibananen ein bisschen reicht schon” src=”usr/alo.gif” data-src=”img/small/59/Minibananen.jpg”/>
<img alt=”frische Bananen, Krakau” src=”usr/alo.gif” data-src=”img/medium/59/Minibananen.jpg”/>
Artikel (Details)
<img alt=”Minibananen ein bisschen reicht schon” src=”usr/alo.gif” data-src=”img/large/59/Minibananen.jpg”/>
<img src=”usr/alo.gif” data-src=”Ima.ashx?t=wrs&Id=1″/>
<img alt=”” src=”usr/alo.gif” data-src=”img/small/59/.jpg”/>

Beispiel für die Verwendung des Img-Filters für Objekte: Hersteller, Marke

Hersteller, Marke
{{ manufacturers-brands.Manufacturers[2] |Img |H }}
{{ manufacturers-brands.Manufacturers[2] |Img: ‘thumb’,’Comarch globaler IT-Anbieter.’ |H }}
{{ manufacturers-brands.Brands[3] |Img |H }}

Das obige Beispiel kann zu einem Ergebnis führen:

Hersteller, Marke
<img alt=”Comarch” src=”usr/alo.gif” data-src=”img/small/160/Comarch.jpg”/>
<img alt=”Comarch globaler IT-Anbieter.” src=”usr/alo.gif” data-src=”img/thumb/160/Comarch.jpg”/>
<img alt=”Comarch ALTUM” src=”usr/alo.gif” data-src=”img/small/92/Comarch%20ALTUM.jpg”/>

Ein Beispiel für die Verwendung des Img-Filters für Objekte: Blog

Blog
{{ blog.LatestPosts[0] |Img |H }}
{{ blog.PostList.Posts[0] |Img: ‘compact’,’Blog für Partner’,’Informationen für Partner im Blog des Webshops’ |H }}
{{ blog.PostDetails |Img |H }}

Das obige Beispiel kann zu einem Ergebnis führen:

Blog
<img alt=”Blog Grundeintrag” src=”usr/alo.gif” data-src=”Ima.ashx?t=blg&id=1″/>
<img alt=”Blog für Partner” title=”Blog für Partner,’Informationen für Partner im Blog des Webshops” src=”usr/alo.gif” data-src=”Ima.ashx?t=blg&id=1″/>
<img alt=”Blog Grundeintrag” src=”usr/alo.gif” data-src=”Ima.ashx?t=blg&id=1″/>

Beispiel für die Verwendung des Filters Img für Text mit einem Link zu einem Bild

Text mit Link zum Bild
{{ productdetails.Product.StockLevel.ImageUrl |Img |H }} { % comment % } Text mit Link {% endcomment %}
{{ ‘https://www.domena.pl/file/banner.jpg’ |Img:”,’Attribut alt’,’Attribut title’ |H }}

Das obige Beispiel kann Folgendes ergeben

Text mit Link zum Bild
<img src=”usr/alo.gif” data-src=”Ima.ashx?t=wrs&Id=1″/>
<img alt=”Attribut alt” title=”Attribut title”src=”usr/alo.gif” data-src=”https://www.domena.pl/file/banner.jpg”/>


 

Img2
Der Img2-Filter verhält sich ähnlich wie der oben beschriebene Img-Filter. Der Unterschied besteht darin, dass der erstellte <img>-Tag einen Link zum Bild nicht im Attribut data-src, sondern im Attribut data-lazy enthält. Darüber hinaus ermöglicht der Img2-Filter das Hinzufügen eines vierten Rohparameters, in den Sie irgendetwas eingeben können, z. B. class=”example_class, das sich dann innerhalb des <img>-Tags befindet. input element type: object Liquid, string.
Parameter: string size =small, string raw = null, string alt = null, string title = null.
Zurückgegebener Typ: string. Beispiel für die Verwendung des Filters Img2 für ein Artikeldetail:

{{product.Images[0] |Img2 :’large’, ”, ‘Streifen’, ‘Bild’ }}
{{product.Images[0] |Img2: ‘large’, ‘class=”open-gallery”‘, ‘Streifen’, ‘Bild’ }}

Das obige Beispiel kann zu einem Ergebnis führen:

<img src=”img/large/27/.jpg” alt=”Streifen” title=”obrazek” style=”opacity: 1;”>
<img src=”img/large/27/.jpg” alt=”Streifen” title=”obrazek” class=”open-gallery” style=”opacity: 1;”>


 

H

Konvertiert Sonderzeichen in HTML-Entities (HTMLEncode) Rückgabetyp: String.

{% assign tekst2HTML = ‘<p>Litauen! <b>mein Heimatland!</b> Du bist wie Gesundheit.</p>’ %}
Text mit Entitäten HTML
{{ text2HTML |H }}

Das obige Beispiel wird zurückgegeben:

Text mit Entitäten HTML
<p>Litauen! <b>mein Heimatland!</b> Du bist wie Gesundheit.</p>


 

Escape
Alias für Filter.

 

EscapeUri

Konvertiert Zeichen außerhalb des ASCII-Bereichs in ein ASCII-konformes Format. Zurückgegebener Typ: String.

{% assign tekst2 = ‘Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
Benutzer-Link
{{ ‘<‘|H }}a href=”/?text={{ text2 | EscapeUri }}” (…)

Das obige Beispiel wird zurückgegeben:

Benutzer-Link
<a href=”/?tekst=Litauen!%20mein%20Heimatland!%20Du%20bist%C5%9B%20wie%20Gesundheit.” (…)


 

UnEscapeUri
Der umgekehrte Filter zum EscapeUri-Filter. Zurückgegebener Typ: string.

 

ToString

Konvertiert ein Eingabeelement in einen Stringtyp. Zurückgegebener Typ: string.

{% assign text2 = ‘ Litauen, mein Heimatland! Du bist wie Gesundheit.’ %}
{% assign Zahl = 3 %}
Zahl und Text: {{ Zahl |ToString |Append: text2 }}

Das obige Beispiel wird zurückgegeben:

Zahl und Text: 3 Litauen, mein Heimatland! Du bist wie Gesundheit.


 

ToInt

Konvertiert das Eingabeelement in einen int-Typ. Rückgabetyp: int.

{% assign TextZahl1 = ‘9’ %}
{% assign Zahl1 = TextZahl1 |ToInt %} ToInt:
{{ Zahl1 }} | {{ Zahl1 |Minus: 4 }}

Das obige Beispiel wird zurückgegeben:

ToInt: 9 | 5


 

ToNum

Konvertiert das Eingabeelement entsprechend dem Format für die Kultur Invariant (liefert immer das gleiche Format). Zahlen und Datumsangaben werden entsprechend der Kultur für den Ladenstandort angezeigt. Zurückgegebener Typ: String.

Zahl: {{ 1239,01 }}
Zahl (Invariant) : {{ 1239,01 |ToNum }}
Datum: {{config.Now }}
Datum (Invariant) {{config.Now |ToNum }}

Das obige Beispiel kann zu einem Ergebnis führen:

Zahl: 1239,01
Zahl (Invariant) : 1239.01
Datum: 29.04.2016 14:45:24
Datum (Invariant) 04/29/2016 14:45:24


 

ToTimeSpan

Konvertiert Text in den Typ TimeSpan gemäß dem Format für Invariant culture. Zurückgegebener Typ: TimeSpan.

TimeSpan: {{ ‘509.07:01:01’ |ToTimeSpan }}


 

DEBUG

Zeigt globale und lokale Objekte mit ihren Eigenschaften und entsprechenden Werten an. Beispiel für die Anzeige eines Kundenobjekts mit dem DEBUG-Filter

<fieldset>
<legend>DEBUG customer</legend>
<pre>{{ customer | DEBUG }}</pre>
</fieldset>
</fieldset>

Das obige Beispiel kann zu einem Ergebnis führen:

{
“NewsletterSubscriber” : false,
“Authenticated” : false,
“CustomerDetailsEditable” : true,
“Currency” : “PLN”,
“CurrencyExt” : {
“Code” : “PLN”,
“Symbol” : “zł”
},(…)

Tipp
Der Debug-Modus für Objekte ist nur verfügbar, wenn der Parameter Echtzeit-Seitenansicht aktiviert ist.

Finden Sie den Artikel hilfreich?