Was ist Liquid?
Liquid ist eine Vorlagensprache, die Shopify entwickelt hat und als Open Source veröffentlicht. Sie verbindet HTML mit den Daten des Shops: In einer Liquid-Vorlage steht, wo Produktname, Preis, Bilder oder der Warenkorb erscheinen sollen. Shopify füllt diese Stellen beim Aufruf der Seite mit den aktuellen Daten. Alle Shopify-Themes sind in Liquid geschrieben.
Wie funktioniert Liquid?
Liquid kennt drei Grundbausteine. Ausgaben in doppelten geschweiften Klammern zeigen Daten an, etwa den Titel eines Produkts. Tags in geschweiften Klammern mit Prozentzeichen steuern die Logik, zum Beispiel Bedingungen oder Schleifen über alle Varianten. Filter verändern Ausgaben, etwa um einen Preis zu formatieren oder ein Bild in einer bestimmten Größe auszugeben. Liquid ist bewusst einfach gehalten und läuft in einer abgeschirmten Umgebung, sodass Themes keinen beliebigen Code auf den Servern von Shopify ausführen können.
Liquid in der Praxis
Wer ein Shopify-Theme anpasst oder neu entwickelt, arbeitet mit Liquid, ergänzt um JavaScript und CSS. Ein großer Teil der Gestaltung lässt sich heute im Theme-Editor über Abschnitte und Blöcke einstellen, die Liquid-Vorlagen legen dafür den Rahmen fest. Shopify entwickelt diesen Aufbau laufend weiter, Änderungen an der Theme-Architektur sollten deshalb vor größeren Umbauten geprüft werden. Die Grenzen von Liquid liegen bei Funktionen, die über die Darstellung hinausgehen: Eigene Logik für Preise, Anbindungen oder Prozesse gehört in Apps oder Funktionen, nicht ins Theme. Wie wir Themes und Erweiterungen aufteilen, beschreiben wir auf unserer Seite zur Shopify Agentur.
Abgrenzung zu verwandten Begriffen
Liquid ist eine Vorlagensprache, keine vollständige Programmiersprache wie JavaScript. In anderen Systemen erfüllen Twig bei Shopware oder PHP-Vorlagen bei WordPress eine ähnliche Aufgabe. Auch außerhalb von Shopify wird Liquid genutzt, etwa beim Seitengenerator Jekyll.