Verfügbare Filter

Inhaltsverzeichnis

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.

Last

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

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:

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

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.

StripNewlines

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

NewlineToBr

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

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)

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:

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

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

Das obige Beispiel wird zurückgegeben:

Text mit Entitäten HTML
Litauen! mein Heimatland! Du bist wie Gesundheit.

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.

Wie können wir dir helfen?

Array

Text

Numerisch, mathematisch

Datum und Uhrzeit

Preis

HTML

Andere

Array

Text

Numerisch, mathematisch

Datum und Uhrzeit

Preis

HTML

Andere

Beschreibung der verfügbaren Filter:

Finden Sie den Artikel hilfreich?

Hast du weitere Fragen? Nimm Kontakt mit uns auf!