Zum Inhalt springen

Benutzerdefiniertes Liquid

Fügen Sie benutzerdefiniertes Liquid, App-Snippets oder dynamische Inhalte genau dort hinzu, wo Sie sie haben möchten.

Verwenden Sie diesen Block, wenn Sie benutzerdefinierte Liquid-Ausgabe direkt in einem Seitenlayout rendern müssen. Er eignet sich am besten für erweiterte Anwendungsfälle wie App-Snippets, Metafields und dynamische Quellen oder kleine dynamische Inhaltsstücke, die von den integrierten Blöcken nicht abgedeckt werden.

Dieser Block eignet sich am besten für fortgeschrittene Benutzer. Ungültiger oder kontextabhängiger Code kann nichts ausgeben, unerwartete Inhalte anzeigen oder das umgebende Layout beeinträchtigen.

Das Haupt-Codefeld steuert, was dieser Block rendert. Verwenden Sie es für gezielte Anpassungen, bei denen die Platzierung wichtig ist, etwa beim Einfügen von App-Ausgabe zwischen Inhaltsblöcken oder beim Anzeigen gespeicherter Daten an einer bestimmten Stelle.

Halten Sie jeden Block auf einen klaren Zweck beschränkt. Kleinere Snippets lassen sich leichter testen, leichter verschieben und brechen seltener, wenn sich der Rest des Layouts ändert.

Für einen umfassenderen Überblick darüber, wie Theme-Inhalte organisiert sind, siehe Shopify-Dokumentation zu Abschnitten und Blöcken

Verwenden Sie die Sichtbarkeitssteuerungen, um festzulegen, ob der Block auf allen Geräten, nur auf dem Desktop oder nur auf Mobilgeräten angezeigt wird. Das ist besonders nützlich, wenn benutzerdefinierte Ausgabe auf kleineren Bildschirmen anders platziert werden muss oder wenn Sie getrennte mobile und Desktop-Versionen derselben Idee verwenden möchten.

Wenn Sie gerätespezifische Versionen erstellen, halten Sie deren Inhalte aufeinander abgestimmt, damit Kundinnen und Kunden auf verschiedenen Bildschirmgrößen keine widersprüchlichen Informationen sehen. Siehe Sichtbarkeitseinstellungen für das gemeinsame Verhalten dieser Steuerungen.

  1. Snippets fokussiert halten. Verwenden Sie einen Block für eine Aufgabe, etwa ein einzelnes App-Snippet, eine Metafield-Ausgabe oder eine benutzerdefinierte Nachricht.
  2. Am richtigen Template testen. Custom Liquid hängt oft von den Daten ab, die auf einem bestimmten Seitentyp verfügbar sind. Zeigen Sie es daher immer dort in der Vorschau an, wo es tatsächlich erscheinen wird.
  3. Für responsive Layouts planen. Verwenden Sie Sichtbarkeitseinstellungen, wenn sich die benutzerdefinierte Ausgabe auf einer bestimmten Gerätegröße verschieben, vereinfachen oder ausblenden soll.
  4. Auf leere Zustände prüfen. Wenn nichts angezeigt wird, stützt sich der Code möglicherweise auf Daten, die für dieses Produkt, diese Kollektion, diesen Artikel oder diese Seite fehlen.
  5. Layout-Unordnung vermeiden. Kurze, gezielte Codeblöcke sind leichter zu pflegen und verursachen mit geringerer Wahrscheinlichkeit Abstands- oder Ausrichtungsprobleme bei benachbarten Inhalten.