Skip to main content

​
Overzicht

Als je winkelpagina niet meer scrollbaar is na het sluiten van Upcart, wordt dit waarschijnlijk veroorzaakt door logica in je thema die het scrollen van de pagina vergrendelt wanneer een cart drawer open is. Daarnaast biedt Upcart nu ingebouwde instellingen om deze problemen aan te pakken, zoals het overschrijven van bestaande scrollvergrendelingslogica. Je kunt dit oplossen met ingebouwde instellingen in Upcart of door een kleine aanpassing toe te voegen die het scrollvergrendelingsgedrag verwijdert.
Hoe je het oplost

​
Ingebouwde oplossingen gebruiken

In de meeste gevallen kunnen ingebouwde opties in de Upcart-instellingen scrollproblemen oplossen zonder dat aangepaste code nodig is.
  1. Schakel “Override existing scroll locking logic” in:
    • Open de Cart Editor in je Upcart-instellingen.
    • Ga naar Settings → Cart settings en vouw vervolgens Advanced Settings uit.
    • Schakel Override existing scroll locking logic in. De beschrijving ervan dekt precies dit geval: een thema of app van derden die de pagina scrollvergrendeld achterlaat nadat de winkelwagen sluit.
    Er is geen aparte scroll-instelling voor mobiel of overlays — dit ene selectievakje dekt beide.
Volg deze stappen om een aanpassing toe te passen die het scrollen van de pagina herstelt nadat de winkelwagen sluit.

​
Toegang tot de Custom HTML-instellingen

  1. Open de Upcart-app vanuit je Shopify-dashboard.
  2. Ga naar de Cart Editor.
  3. Open Settings en selecteer het tabblad Custom HTML. Settings is een rij tabbladen — als je Custom HTML niet ziet, staat deze achter More settings.

​
De code toevoegen

  1. Voor geavanceerde of specifieke gevallen waarin ingebouwde oplossingen het probleem niet verhelpen, kun je aangepaste HTML-code toepassen in Upcart. Kies waar je de HTML-code in Upcart wilt toepassen. Selecteer voor deze oplossing de sectie Above Announcements/Rewards.
  2. Voeg het volgende codefragment toe:
Legacy-opmerking: de callbacks window.upcartOnCartOpened en window.upcartOnCartClosed werken nog steeds, maar zijn verouderd en loggen waarschuwingen in de console. Gebruik upcartSubscribeCartOpened en upcartSubscribeCartClosed voor alle nieuwe scripts.
  1. Sla je wijzigingen op.
  2. Vernieuw je storefront en test het sluiten van de winkelwagen om te bevestigen dat het scrollen is hersteld.

​
Waarom dit gebeurt

Wanneer Upcart opent, verbergt het de eigen cart drawer van je winkel en neemt het de visuele ruimte ervan over. Sommige thema’s bevatten echter code die het scrollen van de pagina vergrendelt zodra een drawer actief is. Nadat Upcart sluit, kan die vergrendeling actief blijven, waardoor de pagina niet meer scrolt. Op mobiele apparaten kunnen aanvullende problemen optreden, zoals overlays die blijven hangen of de pagina onklikbaar maken. Deze problemen hangen vaak samen met mobielspecifiek scrollvergrendelingsgedrag of niet-gereset overlays. Het bovenstaande script herstelt het normale scrollgedrag door de overflow-eigenschap van de pagina handmatig te resetten wanneer de winkelwagen wordt geopend of gesloten.
Hulp nodig of verdere probleemoplossing

​
Aanvullende stappen voordat je contact opneemt met support

  1. Zorg dat Override existing scroll locking logic is ingeschakeld.
  2. Controleer nogmaals of aangepaste code of scripts van derden mogelijk interfereren.
Als je na het toepassen van de oplossing nog steeds scrollproblemen ervaart, gebruikt je thema mogelijk een andere selector of aangepaste scrolllogica. Neem contact op met Upcart Support voor hulp bij het vinden van de juiste selector, of neem contact op met je themaontwikkelaar voor hulp bij het aanpassen van de scrollinstellingen van je thema.