Zum Inhalt springen
Kontakt
Web · SQUAREMOON Glossar

Liquid verständlich erklärt

Template-Sprache von Shopify

Liquid ist die Template-Sprache, mit der Shopify dynamische Inhalte in Themes ausgibt. Sie verbindet feste HTML-Strukturen mit Produkt-, Shop- und Einstellungsdaten.1

Redaktion: SQUAREMOONInhaltlich überarbeitet:
Beispiel und Anwendung lesen
Am Beispiel erklärt

Eine Produktinformation erscheint automatisch

Fiktives Beispiel zur Veranschaulichung

Ein Shop pflegt die Materialangabe als Produktmetafeld. Das Theme liest diesen Wert mit Liquid aus und zeigt ihn auf der jeweiligen Produktseite. So wird dieselbe Vorlage mit unterschiedlichen Produktdaten gefüllt.

So funktioniert es in der Praxis

Wie verbindet Liquid Vorlagen und Shopdaten?

SQUAREMOON nutzt Liquid zusammen mit HTML, CSS und JavaScript. Änderungen werden so umgesetzt, dass Händler Inhalte weiter pflegen können und die Theme-Struktur verständlich bleibt.

Begriffe auseinanderhalten

Was unterscheidet Liquid von JavaScript?

Liquid erzeugt anhand von Vorlagen und verfügbaren Daten die Ausgabe des Themes. JavaScript kann danach im Browser auf Eingaben reagieren. Eine serverseitige Vorlage und eine interaktive Browserfunktion übernehmen unterschiedliche Aufgaben.

Einsatz, Nutzen und Grenzen

Wann ist Liquid für Unternehmen relevant?

Passende Aufgaben und Voraussetzungen

Liquid wird benötigt, wenn ein Shopify Theme gezielt angepasst werden soll, ohne für jede Darstellung eine externe Anwendung einzusetzen. Damit lassen sich Sections, Produktinformationen und wiederverwendbare Komponenten entwickeln.

Welcher Nutzen entstehen kann

Shopdesign und Funktionen können genauer an Marke und Customer Journey angepasst werden. Sauberer Liquid-Code reduziert unnötige Abhängigkeiten und hält zentrale Ausgaben nachvollziehbar.

Passende SQUAREMOON Leistung

Liquid-Programmierung für Shopify

Vertiefen Sie das Thema auf unserer Leistungsseite.

Leistung ansehen
Quellen und fachliche Grundlagen

Weiterführende Originalquellen

Diese Quellen vertiefen die fachlichen Grundlagen. Das Beispiel und die praktische Einordnung sind eigenständige Erläuterungen von SQUAREMOON, keine dokumentierten Kundenprojekte.

  1. Liquid referenceShopify