Benutzerdefiniertes Liquid

Ausgewählte Links

1. Shopify-Dokumentation zu Metafeldern und dynamischen Quellen
2. Shopify-Dokumentation zu Abschnitten und Blöcken
3. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen

Hilfreiche Videos

Video der Shopify Academy: Ihren Shop anpassen

Video der Shopify Academy: Ihren Shop anpassen

Verwenden Sie diesen Abschnitt, um benutzerdefinierte Liquid-Ausgabe direkt in einem Seiten-Layout zu platzieren, einschließlich App-Snippets, Metafeld-Inhalten oder anderen dynamischen Storefront-Details. Er eignet sich am besten für fortgeschrittene Anpassungen, bei denen Sie eine präzise Kontrolle darüber benötigen, was angezeigt wird und wo es angezeigt wird.

Grundeinstellungen

Das benutzerdefinierte Liquid-Feld ist das Herzstück dieses Abschnitts. Verwenden Sie es, um von Apps bereitgestellte Snippets einzufügen oder Ihre eigene Liquid-Ausgabe für Produktdetails, Kollektionsinhalte, Metafelder oder andere dynamische Elemente hinzuzufügen.

Halten Sie Ihre Einrichtung fokussiert und testen Sie in kleinen Schritten. Ein kurzes, funktionierendes Snippet ist viel einfacher zu beheben als ein großer Block aus gemischtem Code und Inhalt. Einen umfassenderen Überblick darüber, wie Abschnitte in Themes funktionieren, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Dieser Abschnitt rendert genau das, was Sie hinzufügen. Wenn das Liquid unvollständig ist, im aktuellen Template nicht unterstützt wird oder falsch eingefügt wurde, kann der Abschnitt leer erscheinen oder sich unerwartet verhalten.

Wenn Sie App-Code hinzufügen, fügen Sie ihn wie bereitgestellt ein, sofern Sie nicht sicher sind, dass Sie ihn ändern können. Wenn Sie Ihre eigene Ausgabe schreiben, stellen Sie sicher, dass der Inhalt zur Seite passt, auf der der Abschnitt verwendet wird, da die verfügbaren Daten je nach Template unterschiedlich sein können.

Standard-Abschnittseinstellungen

Sichtbarkeitseinstellungen

Sichtbarkeitseinstellungen steuern, ob dieser Abschnitt auf Desktop, Mobilgeräten oder auf beiden angezeigt wird. Dies ist besonders nützlich, wenn Sie für verschiedene Bildschirmgrößen unterschiedliche benutzerdefinierte Liquid-Inhalte oder Formatierungen wünschen.

Verwenden Sie die gerätebasierte Sichtbarkeit bewusst. Wenn der Abschnitt wichtige Inhalte enthält, kann das Ausblenden auf einem Gerät diese Informationen für dieses Kundenerlebnis vollständig entfernen.

Nutzungshinweise

1. Beginnen Sie mit einem einfachen Snippet. Bestätigen Sie, dass der Abschnitt an der richtigen Stelle gerendert wird, bevor Sie komplexere Logik oder Markup hinzufügen.
2. Passen Sie den Template-Kontext an. Verwenden Sie Inhalte, die für den Seitentyp sinnvoll sind, da manche dynamische Ausgabe nur funktioniert, wenn die richtigen Daten verfügbar sind.
3. Halten Sie App-Snippets unverändert. Fügen Sie von Apps bereitgestellten Code unverändert ein, sofern Sie nicht genau verstehen, wie sich Änderungen auf das Ergebnis auswirken.
4. Verwenden Sie Sichtbarkeit mit Absicht. Blenden Sie den Abschnitt auf Desktop oder Mobilgeräten nur aus, wenn Sie bewusst unterschiedliche Layouts für unterschiedliche Geräte erstellen.
5. Prüfen Sie beide Ansichtsbereiche. Überprüfen Sie den Abschnitt auf Desktop und Mobilgeräten, da sich Ausrichtung, Abstand, Sichtbarkeit oder Medienverhalten je nach Bildschirmgröße unterscheiden können.
6. Erwarten Sie Fallback-Design. Leere, transparente oder standardmäßige Werte bewahren in der Regel das umgebende Design, während explizite Farben, Verläufe oder Medien-Overrides den Abschnitt eigenständiger wirken lassen.