Dokumentation Entwickler Liquid Referenz

Skript-Sprache

Aktualisiert am 16.03.2017

Es gibt zwei Auszeichnungsformen: Ausgaben und Befehle. Ausgaben können mit Filtern manipuliert werden.

Ausgaben

Ausgaben sind umgeben von geschweiften Klammern. Hier ein paar einfache Beispiele:

Hallo
Hallo 
Hallo {{ 'Markus' }}

Befehle

Befehle sind für die Logik Ihrer Vorlagen verantwortlich. Sie sind umgeben von einer geschweiften Klammer und einem Prozentzeichen:

{% eine geschweifte Klammer und ein Prozentzeichen %}

Es gibt zwei Arten von Befehlen: Einfache Befehle und Block-orientierte Befehle. Die meisten Befehle sind Block-orientiert.

Einfache Befehle

Einfache Befehle bestehen aus einer einzigen Zeile:

{% assign name = 'Markus' %} 

Block-orientierte Befehle

Block-orientierte Befehle umgeben einen Block in Ihrem Quellcode. Sie bestehen immer aus zwei Elementen.

Dem eigentlichen Befehl. Er markiert den Beginn des Blocks. Ein Element, dass den Block wieder schliesst. Es markiert also das Ende des Blocks. Dieses Element beginnt immer mit „end".

Erzeugt:

Das ist die erste Zeile.
{% comment %}
Das ist die zweite Zeile.
Das ist die dritte Zeile.
{% endcomment %}
Das ist die vierte Zeile.

Filter

Ausgaben können durch Filter manipiliert werden. Ein Filter wird immer durch ein "|" (Pipe Symbol, Hochstrich) Zeichen getrennt hinter die zu verändernde Ausgabe angehängt. Ausgegeben wird das veränderte Ergebnis.

Das Wort "Markus" in Großbuchstaben: {{ 'Markus' | upcase }}
Das Wort "Markus" ist {{ Markus' | size }} Zeichen lang.
Ändere "Hallo Welt" in "Hey Welt": {{ 'Hallo Welt' | replace: 'Hallo', 'Hey' }}
Das Datum heute ist: {{ 'now' | date: "%d.%m.%Y" }}

erzeugt:

Das Wort "Markus" in Großbuchstaben: MARKUS
Das Wort "Markus" ist 6 Zeichen lang.
Ändere "Hallo Welt" in "Hey Welt": Hey Welt
Das Datum heute ist: 01.07.2014

Filter können verkettet werden. Dann erhält der verkettete Filter als ersten Parameter das Ergebnis des vorherigen Filters.

Handles

Wir haben eine einfach zu erlernende Skript-Sprache in VersaCommerce integriert. Mit dieser Skript-Sprache können Sie Ihr Design komplett in

Operatoren

Operatoren dienen zum Vergleichen oder Verrechnen von 2 Werten.

Types

Wir haben eine einfach zu erlernende Skript-Sprache in VersaCommerce integriert. Mit dieser Skript-Sprache können Sie Ihr Design komplett in

Truthy and falsy

Wir haben eine einfach zu erlernende Skript-Sprache in VersaCommerce integriert. Mit dieser Skript-Sprache können Sie Ihr Design komplett in

Whitespace control

Wir haben eine einfach zu erlernende Skript-Sprache in VersaCommerce integriert. Mit dieser Skript-Sprache können Sie Ihr Design komplett in