Erfolgreich
Benutzerdefiniertes JavaScript
Platzieren Sie benutzerdefiniertes JavaScript in einem Block für gezielte Einbettungen, Widgets und Drittanbieter-Integrationen.
Verwenden Sie diesen Block, wenn Sie benutzerdefiniertes JavaScript an einer bestimmten Stelle auf der Seite platzieren müssen, etwa für ein eingebettetes Formular, ein Widget oder einen Drittanbieterdienst. Er eignet sich besonders für kleine, gezielte Ergänzungen, die leichter zu verwalten sind, wenn sie nah am Inhalt bleiben, den sie beeinflussen. Einen umfassenderen Überblick darüber, wie Blöcke im Theme-Editor funktionieren, finden Sie in Shopify-Dokumentation zu Abschnitten und Blöcken
Grundeinstellungen
Abschnitt betitelt „Grundeinstellungen“Das Code-Feld ist der Ort, an dem Sie das JavaScript einfügen, das dieser Block ausführen soll. Fügen Sie nur das JavaScript selbst ein, ohne umgebende Script-Tags. Weitere Informationen finden Sie unter Benutzerdefiniertes JavaScript.
Nur JavaScript eingeben. Wenn Sie zusammen mit dem Code Script-Tags einfügen, verhält sich der Block möglicherweise nicht wie erwartet.
Verwenden Sie diesen Block nur, wenn eine integrierte Funktion dasselbe Ergebnis nicht erzielen kann. Benutzerdefinierte Skripte können beeinflussen, wie die Seite lädt, sich verhält oder auf unterschiedlichen Bildschirmgrößen reagiert. Testen Sie daher nach jeder Aktualisierung sorgfältig.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Editor-Einstellungen
Abschnitt betitelt „Editor-Einstellungen“Diese Einstellungen helfen Ihnen, den Block im Editor zu organisieren. Verwenden Sie den Editor-Titel, um jedem benutzerdefinierten Code-Block eine klare interne Bezeichnung zu geben, insbesondere wenn Sie mehr als einen auf derselben Vorlage verwenden.
Ein aussagekräftiger Titel erleichtert die spätere Wartung. Benennen Sie den Block nach seinem Zweck oder seiner Platzierung, etwa Newsletter-Formular, Size-Guide-Widget oder Produktseiten-Tracking.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Jeden Block fokussiert halten. Verwenden Sie einen Block für eine Aufgabe, damit er leichter getestet, behoben und bei Bedarf entfernt werden kann.
- Code sauber einfügen. Entfernen Sie vor dem Speichern alle umgebenden Script-Tags, damit der Block nur den JavaScript-Inhalt erhält.
- Blöcke klar benennen. Legen Sie einen Editor-Titel fest, der den Zweck oder den Speicherort des Skripts widerspiegelt, wenn mehrere benutzerdefinierte Code-Blöcke verwendet werden.
- Auf echten Seiten testen. Prüfen Sie nach dem Hinzufügen oder Ändern von Code das Laden, das Styling und die Interaktion auf Desktop und Mobilgeräten.
- Benutzerdefinierten Code gezielt einsetzen. Wählen Sie diesen Block, wenn Sie ein präzises Verhalten benötigen, das standardmäßige Theme-Einstellungen nicht bereitstellen können.