Liquid (Shopify Template-Sprache)
Die Template-Sprache hinter jedem Shopify-Theme.
Definition
Liquid ist eine Open-Source-Template-Sprache, die von Shopify entwickelt wurde. Sie wird genutzt, um dynamische Inhalte in Shopify-Themes darzustellen – Produkte, Kollektionen, Warenkorb und Checkout.
Liquid ist relativ einfach zu erlernen und bewusst eingeschränkt: Es gibt keine direkten Datenbankzugriffe und keine beliebige Programmlogik. Das macht Themes sicherer und verhindert, dass Theme-Entwickler das System destabilisieren können.
Jedes Shopify-Theme besteht aus Liquid-Templates, die von Shopifys Server-seitigem Rendering verarbeitet werden. Variablen werden mit {{ }} ausgegeben, Logik mit {% %} gesteuert. Produkte, Kollektionen, Artikel und Einstellungen sind über vordefinierte Objekte verfügbar.
Für komplexe Anforderungen – wie stark individualisierte Produktkonfiguratoren, dynamische Preisberechnung oder Echtzeit-Daten aus externen Quellen – stößt Liquid an Grenzen. Hier wird JavaScript (oder ein Headless-Ansatz mit der Storefront API) notwendig.
Praxisbeispiel
Ein Theme-Entwickler nutzt Liquid, um auf der Produktseite dynamisch verschiedene Zahlungs-Icons basierend auf den aktivierten Zahlungsarten auszugeben: {% for type in shop.enabled_payment_types %} <img src='{{ type | payment_type_img_url }}'> {% endfor %}
Was du wissen solltest
- Liquid ist Shopify-spezifisch – kein Standard-Template-System wie Twig oder Blade
- Online Store 2.0: Sections everywhere und Metafields haben Liquid deutlich mächtiger gemacht
- Shopify CLI und Theme Check helfen bei Entwicklung und Validierung
- Für sehr komplexe Logik besser JavaScript oder Headless nutzen
Shopify Agentur
Du willst dieses Thema in deinem Projekt sauber umsetzen? Wir helfen dabei.
Zur Leistungsseite