Skip to main content

​
Übersicht

Wenn sich deine Shop-Seite nach dem Schließen von Upcart nicht mehr scrollen lässt, liegt das wahrscheinlich an der Logik deines Themes, die das Scrollen der Seite sperrt, solange ein Cart Drawer geöffnet ist. Außerdem bietet Upcart mittlerweile integrierte Einstellungen zur Behebung dieser Probleme, etwa das Überschreiben vorhandener Scroll-Sperr-Logik. Du kannst das Problem über integrierte Einstellungen in Upcart beheben oder mit einer kleinen Anpassung das Scroll-Sperr-Verhalten entfernen.
So behebst du es

​
Integrierte Lösungen verwenden

In den meisten Fällen lassen sich Scroll-Probleme mit den integrierten Optionen in den Upcart-Einstellungen lösen, ohne dass benutzerdefinierter Code nötig ist.
  1. Aktiviere „Override existing scroll locking logic“:
    • Öffne den Cart Editor in deinen Upcart-Einstellungen.
    • Gehe zu Settings → Cart settings und klappe dann Advanced Settings auf.
    • Aktiviere Override existing scroll locking logic. Die Beschreibung dieser Option deckt genau diesen Fall ab: Ein Theme oder eine Drittanbieter-App lässt die Seite nach dem Schließen des Warenkorbs scroll-gesperrt zurück.
    Es gibt keine separate Einstellung für mobiles Scrollen oder Overlays — dieses eine Kontrollkästchen deckt beides ab.
Folge diesen Schritten, um eine Anpassung anzuwenden, die das Scrollen der Seite nach dem Schließen des Warenkorbs wiederherstellt.

​
Zugriff auf die Custom-HTML-Einstellungen

  1. Öffne die Upcart-App über dein Shopify-Dashboard.
  2. Navigiere zum Cart Editor.
  3. Öffne Settings und wähle den Tab Custom HTML. Settings ist eine Reihe von Tabs — wenn du Custom HTML nicht siehst, findest du es unter More settings.

​
Code hinzufügen

  1. Für fortgeschrittene oder spezielle Fälle, in denen die integrierten Lösungen das Problem nicht beheben, kannst du benutzerdefinierten HTML-Code in Upcart anwenden. Wähle aus, wo der HTML-Code in Upcart eingefügt werden soll. Für diese Lösung wähle den Abschnitt Above Announcements/Rewards.
  2. Füge den folgenden Code-Schnipsel hinzu:
Hinweis zu Legacy-Callbacks: Die Callbacks window.upcartOnCartOpened und window.upcartOnCartClosed funktionieren weiterhin, sind aber veraltet und geben Konsolen-Warnungen aus. Verwende für alle neuen Skripte upcartSubscribeCartOpened und upcartSubscribeCartClosed.
  1. Speichere deine Änderungen.
  2. Aktualisiere deinen Storefront und teste das Schließen des Warenkorbs, um zu bestätigen, dass das Scrollen wiederhergestellt ist.

​
Warum das passiert

Wenn Upcart sich öffnet, blendet es den nativen Cart Drawer deines Shops aus und übernimmt dessen visuellen Bereich. Manche Themes enthalten jedoch Code, der das Scrollen der Seite sperrt, sobald ein Drawer aktiv ist. Nachdem Upcart geschlossen wurde, kann diese Sperre bestehen bleiben und das Scrollen der Seite verhindern. Auf Mobilgeräten können zusätzliche Probleme auftreten, etwa Overlays, die bestehen bleiben oder die Seite unanklickbar machen. Diese Probleme hängen oft mit mobil-spezifischem Scroll-Sperr-Verhalten oder nicht zurückgesetzten Overlays zusammen. Das obige Skript stellt das normale Scroll-Verhalten wieder her, indem es die overflow-Eigenschaft der Seite beim Öffnen oder Schließen des Warenkorbs manuell zurücksetzt.
Brauchst du Hilfe oder weitere Fehlerbehebung

​
Zusätzliche Schritte, bevor du den Support kontaktierst

  1. Stelle sicher, dass Override existing scroll locking logic aktiviert ist.
  2. Prüfe noch einmal, ob benutzerdefinierter Code oder Drittanbieter-Skripte stören könnten.
Wenn du nach dem Anwenden der Lösung weiterhin Scroll-Probleme hast, verwendet dein Theme möglicherweise einen anderen Selektor oder eine eigene Scroll-Logik. Kontaktiere den Upcart-Support für Hilfe bei der Identifizierung des richtigen Selektors, oder wende dich an deinen Theme-Entwickler, um die Scroll-Einstellungen deines Themes anzupassen.