Ein Shopify-Webshop bleibt beim Laden im Preloader-Screen hängen und ist nicht erreichbar. Das Problem tritt geräte- und browserübergreifend auf (3 Handys, 2 PCs), ohne dass kürzlich Änderungen vorgenommen wurden.
Ursache identifiziert:
JavaScript-Fehler in der Developer Console zeigen, dass die GSAP-Animationsbibliothek versucht, nicht mehr vorhandene Page- oder Animations-Elemente anzusteuern
Eine App greift fehlerhaft auf diese Elemente zu
Empfohlene Lösungsschritte:
Überprüfen, ob das Theme kürzlich aktualisiert wurde
Im Theme-Editor prüfen, ob Sektionen mit den betroffenen CSS-Klassen/IDs entfernt wurden
Fehlende Sektionen wiederherstellen oder IDs/Klassen korrigieren
evtl. hat jemand bereits ähnliches Problem gehabt oder es kann jemand vom Support helfen.
Seit kurzer Zeit gibt es Probleme beim aufrufen unseres Webshops, sobald dieser aufgerufen wird, bleibt man im Preloader Screen hängen und gelangt nicht zum Shop.
Das ganze wurde auf 3 unterschiedlichen Handys 2 PCs und verschiedenen Browser überprüft. Es scheint also kein Endgerät Problem zu sein. Von unserer Seite aus wurden keine Änderungen vorgenommen die erklären könnten, warum der Shop aufeinmal nicht mehr korrekt aufrufbar ist.
Liegt wahrscheinlich an einem Javascript- oder Skriptfehler der das Laden eurer Landingpage verhindert. Den Fehler kannst du in der Developer Console schnell analysieren.
Die Fehler zeigen, dass GSAP (eine beliebte JavaScript-Animation Library) versucht, Page- oder Animations-Elemente in deinem Shopify-Theme anzusteuern, diese Elemente sind aber nicht (mehr) vorhanden.
Habt ihr das Theme aktualisiert? Oder Änderungen durch eine 3P Frontend App? Überprüfe im Theme-Editor ob eventuell Sektionen entfernt wurden, die die genannten CSS-Klassen/Elemente enthielten. Stelle diese Sektionen wieder her oder korrigiere die IDs/Klassen. Oder kommentiere temporär die fehlerhaften GSAP-Animationen aus.
