Dieser Artikel bietet Lösungen für häufige Probleme bei der Nutzung des Personalization Studio. Er behandelt Themen wie die Fehlerbehebung bei Live‑Vorschauen, das Beheben fehlender „Personalisieren“-Buttons, das Lösen von Fehlern beim Hinzufügen von Produkten zum Warenkorb und das Verständnis der unterstützten Shopify-Themes. Die Anleitung liefert Schritt‑für‑Schritt‑Anweisungen und Einblicke in bekannte Einschränkungen.
Fehlerbehebungsleitfaden für Personalization Studio
Theme-Kompatibilität mit Personalization Studio
Damit das Erlebnis mit dem Personalization Studio reibungslos ist, ist es wichtig, ein kompatibles Shopify-Theme zu verwenden. Hier ist eine Übersicht zur Theme-Kompatibilität:
Vollständig unterstützte Themes:
Craft, Dawn, Debut, Editorial, Minimal, Motion, Prestige, Simple, Spark, Streamline, Studio, Symmetry
Teilweise unterstützte Themes:
Diese Themes unterstützen im Allgemeinen Vorschauen, können aber leichte Verzerrungen oder unvorhersehbares Verhalten aufweisen: Beyond, Brooklyn, Envy, Impulse, Parallax, Supply
Nicht unterstützte Themes:
Loft, Lagerhaus, Fokus
Fehlerbehebung bei Live-Vorschau-Problemen
Wenn du Probleme mit der Live-Vorschau-Funktion hast, folge diesen Schritten:
Prüfen auf den richtigen Selektor
Öffne die Entwicklertools deines Webbrowsers. Das kannst du tun, indem du mit der rechten Maustaste auf die Webseite klickst und „Untersuchen“ oder „Element untersuchen“ auswählst.
Verwende das Elementauswahl-Tool (meist durch ein Pfeilsymbol dargestellt), um den Bereich auf deiner Produktseite hervorzuheben, an dem die Live-Vorschau angezeigt werden soll.
Kopiere den Selektornamen. Das ist der Code, der den ausgewählten Bereich identifiziert (z. B.
.product-media).
Den Selector in das Personalization Studio integrieren
Rufe dein Shopify-Adminpanel auf und navigiere zur Personalization Studio App.
Finde die Einstellungen für die App-Einbettung.
Füge den kopierten Selektornamen in das dafür vorgesehene Feld für Live-Vorschauen ein.
Speichere die Änderungen, die du vorgenommen hast.
Wenn du .product-media oder ähnliche Selektoren nicht finden kannst, untersuche bestimmte Bereiche wie .product-gallery, .product-image-container oder .product-page__media. Der genaue Ort kann je nach Struktur deines Themes variieren.
Probleme mit der Schaltfläche „Personalisieren“ beheben
Wenn die Schaltfläche „Personalisieren“ fehlt oder nicht wie erwartet reagiert, probiere diese Lösungen aus:
Hinzufügen des CSS-Klassenselektors „btn-addtocart“
Stelle sicher, dass deine Schaltfläche „In den Warenkorb legen“ die Klasse btn-addtocart enthält. Anleitungen zum Hinzufügen dieser Klasse findest du in der Dokumentation deines Shopify-Themes oder indem du dich an die/den Entwickler*in deines Themes wendest.
Überprüfung des Gelato-Personalisierungs-Tags
Überprüfe das HTML deiner Produktbeschreibung, um sicherzustellen, dass der folgende Tag vorhanden ist: . Wenn dieser Tag fehlt, füge ihn wieder in das HTML deiner Produktbeschreibung ein, um die Funktionalität wiederherzustellen.
Behebung von "Warenkorb ist leer"-Fehlern
Wenn nach dem Klicken auf "In den Warenkorb legen" die Meldung "Dein Warenkorb ist leer" erscheint, stelle sicher, dass du diese Schritte befolgt hast:
Melde dich in deinem Shopify-Adminbereich an.
Gehe im Bereich der Vertriebskanäle zu „Online-Shop“ und wähle „Themes“ aus.
Finde dein aktives Theme und klicke auf "Anpassen".
Öffne im Menü links den Tab "App-Einbettungen".
Unter „App-Einbettungen“ den Gelato Personalizer aktivieren.
Speichere die Änderungen, die du vorgenommen hast.
Damit die Registerkarte "Personalisieren" sichtbar wird, aktualisiere jedes deiner Produkte. Öffne jedes Produkt in deiner Shopify-Admin-Bahn und klicke auf "Speichern", um es erneut zu veröffentlichen. Bei neuen Produkten werden Aktualisierungen in Echtzeit automatisch aktiviert.
FAQs
Warum funktioniert die Live-Vorschau nur bei einem Produktbild?
Das ist eine bekannte Einschränkung. Aktuell unterstützt die Live-Vorschau nur ein Bild zur gleichen Zeit. Dein Feedback wurde aber an das Entwicklungsteam weitergegeben, damit es künftig mögliche Verbesserungen gibt.
Was ist, wenn die Schaltfläche „Personalisieren“ nach dem Aktualisieren meines Themes verschwindet?
Wenn die Schaltfläche „Personalisieren“ nach einem Theme-Update verschwindet, überprüfe noch einmal die Klasse btn-addtocart und das Gelato-Customization-Tag in deinem HTML. Das Aktualisieren dieser Elemente hilft oft, das Problem zu lösen.