Über das Liquid-Element
Die Flüssigkeit Element ermöglicht Ihnen das Hinzufügen Liquid, HTML, JavaScript, or CSS Codes zum Anpassen von Abschnitten und Integrieren von Apps von Drittanbietern mithilfe von GemPages.
Um das Element zu Ihrer Seite hinzuzufügen, befolgen Sie bitte diese Schritte.
Schritt 1:: Von der GemPages-Dashboard, öffnen Sie die gewünschte Vorlage zum Bearbeiten. Ziehen Sie das Element per Drag & Drop an die gewünschte Position.
Schritt 2:: Klicken Sie mit der rechten Maustaste auf das Element und wählen Sie dann "Bearbeiten" um das Codefenster zu öffnen.
Schritt 3:: Fügen Sie den benutzerdefinierten Code in das entsprechende Codefeld ein und klicken Sie auf "Speichern" wenn Sie fertig sind.
Schritt 4:: Zum Schluss drücken "Veröffentlichen" um mit der Darstellung des Codes zu beginnen.
Registerkarte Einstellungen
Mit der Einstellungen können Sie den Namen für das jeweilige Liquid-Element zur Unterscheidung festlegen. Sie können auch die Positionierung des Elements mit 3 Optionen auswählen: linksbündig, zentriert und rechtsbündig.
Registerkarte Design
Um das Erscheinungsbild des Elements zu gestalten, navigieren Sie bitte zur Registerkarte „Design“ und folgen Sie den Anweisungen in Dieser Artikel.
Fehlerbehebung bei „Liquid-Fehler“ in GemPages V6
- Ungültige oder nicht unterstützte Liquid-Syntax: Überprüfen Sie noch einmal, ob Ihr Code übereinstimmt. Shopifys Liquid-Dokumentation.
- Fehlende Variablen oder ObjekteStellen Sie sicher, dass das Produkt, die Kollektion oder der Abschnitt, den Sie aufrufen, tatsächlich in Shopify existiert.
- Konflikte mit Skripten von DrittanbieternEntfernen oder testen Sie Ihren Code in kleineren Teilen, um die Ursache des Konflikts zu ermitteln.
- Überprüfen und korrigieren Sie die Syntax Ihres Liquid-Codes.
- Testen Sie zunächst mit einem einfachen Snippet, um zu bestätigen, dass das Element funktioniert.
- Wenn der Fehler weiterhin besteht, entfernen Sie das Snippet und fügen Sie es Schritt für Schritt erneut hinzu.
- Wenden Sie sich an den GemPages-Support, wenn das Problem mit der App-Integration zusammenhängt.
Häufig gestellte Fragen
1. Welche Arten von Code kann ich mithilfe des Liquid-Elements hinzufügen?
Sie können hinzufügen Flüssigkeit, HTML, CSSund JavaScript innerhalb des Liquid-Elements. Dadurch eignet es sich für benutzerdefinierte Logik, Formatierungen, App-Einbettungen und interaktive Skripte auf einer einzelnen Seite.
2. Kann ich das Liquid-Element verwenden, um Apps von Drittanbietern einzubetten?
Ja. Viele Apps bieten HTML-Snippets oder JS-Einbettungscodes an, die direkt in das Liquid-Element eingefügt werden können. Falls die App Dateien auf Theme-Ebene benötigt, müssen Sie möglicherweise auch Ihr Shopify-Theme aktualisieren.
3. Kann ich JS importieren von theme.liquid in eine GemPages-Seite?
Sie müssen das Skript nicht manuell importieren. Wenn Ihre GemPages-Seite eine Vorlage verwendet, die Folgendes enthält theme.liquidJeglicher dort hinzugefügte JavaScript-Code wird automatisch geladen.
Wenn Sie ein Layout ohne Kopf-/Fußzeile verwenden, fügen Sie den JS-Code innerhalb des Liquid-Elements ein oder aktualisieren Sie die entsprechende Komponente. theme.gem-layout-none.liquid Die Datei muss so konfiguriert sein, dass das Skript ordnungsgemäß ausgeführt werden kann.
4. Soll ich mein JavaScript in theme.liquid oder innerhalb des Flüssigkeitselements?
- Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen,
theme.liquidfür Skripte, die über verschiedene Bereiche hinweg ausgeführt werden sollen alle Seiten. - Verwenden Sie das Liquid-Element, wenn das Skript für Folgendes gedacht ist: eine einzelne bestimmte Seitebeispielsweise eine Landingpage oder ein Funnel-Schritt, der mit GemPages erstellt wurde.
5. Kann ich mehrere Liquid-Elemente auf einer Seite hinzufügen?
Ja. Sie können beliebig viele Liquid-Elemente platzieren. Jedes Element wird unabhängig behandelt und kann unterschiedliche Logik oder Skripte enthalten.
6. Kann das Liquid-Element meine Seite verlangsamen?
Das kann passieren, wenn Sie ressourcenintensiven oder blockierenden JavaScript-Code einbinden. Testen Sie daher immer und vermeiden Sie das Laden großer Bibliotheken oder das Duplizieren von Skripten in mehreren Liquid-Elementen.
Vielen Dank für Ihre Kommentare