Benutzerdefiniertes Asset
Verwenden Sie diesen Block, um ein benutzerdefiniertes Stylesheet, eine JavaScript-Datei oder eine Drittanbieter-Integration auf der Vorlage zu laden, auf der der Block hinzugefügt wird. Er eignet sich am besten für fortgeschrittenen, seitenbezogenen Code, der nur in ausgewählten Bereichen und nicht im gesamten Store ausgeführt werden soll. Informationen dazu, wo Blöcke in Themes zu finden sind, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Das Code-Feld erwartet ein vollständiges Asset-Tag, zum Beispiel ein vollständiges Script-Tag oder ein Stylesheet-Link-Tag. Eine kurze Referenz finden Sie im Benutzerdefiniertes Asset.
Fügen Sie das vollständige Asset-Tag genau so ein, wie es geladen werden soll. Dieser Block ist für vollständige Einbindungen vorgesehen, nicht für Teilsnippets, daher können unvollständige Tags oder fehlende Attribute verhindern, dass das Asset korrekt funktioniert.
Wenn Sie einen externen Dienst hinzufügen, verwenden Sie das empfohlene Embed oder Asset-Tag des Anbieters und testen Sie das Ergebnis auf der Vorlage, auf der der Block angezeigt wird. Wenn Sie den Block im Theme-Editor anpassen, kann die Shopify-Dokumentation zum Anpassen von Abschnitten dabei helfen, zu erklären, wie Blockinhalte dort verwaltet werden. Dies ist besonders wichtig, wenn der Code von seitenbezogenen Inhalten, Kundeninteraktionen oder vorhandenen Stilen abhängt.
Fügen Sie nur Code hinzu, dem Sie vertrauen und den Sie verstehen. Ein widersprüchliches Skript oder Stylesheet kann das Layout, Interaktionen, Tracking oder die Leistung auf der Vorlage beeinträchtigen, auf der dieser Block verwendet wird.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Editor-Einstellungen
Abschnitt betitelt „Editor-Einstellungen“Diese Einstellungen wirken sich nur darauf aus, wie der Block im Theme-Editor bezeichnet wird. Benennen Sie den Block bei Bedarf um, damit Sie schnell erkennen können, was jedes benutzerdefinierte Asset bewirkt, insbesondere wenn Sie mehrere Assets in derselben Vorlage verwenden.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Platzierung bewusst wählen. Fügen Sie den Block nur auf Vorlagen hinzu, die das Asset wirklich benötigen, damit unnötiger Code nicht anderswo geladen wird.
- Vollständige Tags verwenden. Fügen Sie die vollständige Script- oder Stylesheet-Einbindung ein statt nur Teilcode, damit das Asset korrekt geladen werden kann.
- Blöcke klar beschriften. Aktualisieren Sie den Titel im Editor, damit er den Dienst oder Zweck widerspiegelt; das erleichtert spätere Änderungen erheblich.
- Mit realen Layouts testen. Prüfen Sie nach dem Hinzufügen eines Assets sowohl die Desktop- als auch die Mobile-Ansicht, da benutzerdefinierter Code je nach Viewport Abstand, Ausrichtung, Sichtbarkeit und Medienverhalten unterschiedlich beeinflussen kann.
- Auf kontextabhängiges Verhalten achten. Wenn Ihr Asset Produkt- oder Warenkorbinteraktionen verändert, prüfen Sie es mit verschiedenen Varianten, Mengen, Verfügbarkeitszuständen und Commerce-Aktionen, damit das Ergebnis zum Seitenkontext passt.
- Doppelte Ladevorgänge vermeiden. Schließen Sie dasselbe externe Asset nicht mehrfach in einer Vorlage ein, es sei denn, der Anbieter verlangt dies ausdrücklich.