> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Impossible de faire défiler la page de la boutique lorsque Upcart se ferme

> Cet article explique comment résoudre les problèmes de défilement de la page de la boutique qui surviennent après la fermeture d'Upcart.

<div id="overview">
  ## Aperçu
</div>

Si la page de votre boutique devient impossible à faire défiler après la fermeture d'Upcart, cela est probablement causé par la logique de votre thème qui verrouille le défilement de la page lorsqu'un tiroir de panier est ouvert. De plus, Upcart fournit désormais des paramètres intégrés pour résoudre ces problèmes, comme le remplacement de la logique de verrouillage du défilement existante.

Vous pouvez corriger cela en utilisant les paramètres intégrés d'Upcart ou en ajoutant une petite personnalisation pour supprimer le comportement de verrouillage du défilement.

***

Comment résoudre le problème

<div id="using-built-in-solutions">
  # Utiliser les solutions intégrées
</div>

Dans la plupart des cas, les options intégrées dans les paramètres d'Upcart peuvent résoudre les problèmes de défilement sans nécessiter de code personnalisé.

1. **Activez « Override existing scroll locking logic »** :

   * Ouvrez le Cart Editor dans vos paramètres Upcart.
   * Allez dans **Settings** → **Cart settings**, puis développez **Advanced Settings**.
   * Activez **Override existing scroll locking logic**. Sa description couvre exactement ce cas : un thème ou une application tierce laissant la page verrouillée en défilement après la fermeture du panier.

   Il n'existe pas de paramètre distinct de défilement pour mobile ou pour les superpositions — cette seule case à cocher couvre les deux.

Suivez ces étapes pour appliquer une personnalisation qui restaure le défilement de la page après la fermeture du panier.

***

<div id="accessing-custom-html-settings">
  ## Accéder aux paramètres Custom HTML
</div>

1. Ouvrez l'**application Upcart** depuis votre tableau de bord Shopify.
2. Accédez au **Cart Editor**.
3. Ouvrez **Settings** et sélectionnez l'onglet **Custom HTML**. Settings est une rangée d'onglets — si vous ne voyez pas Custom HTML, il se trouve derrière **More settings**.

***

<div id="adding-the-code">
  ## Ajouter le code
</div>

1. Pour les cas avancés ou spécifiques où les solutions intégrées ne résolvent pas le problème, vous pouvez appliquer du code HTML personnalisé dans Upcart. Choisissez où appliquer le code HTML dans Upcart. Pour cette correction, sélectionnez la section **Above Announcements/Rewards**.
2. Ajoutez l'extrait de code suivant :

```
<script>  
window.upcartSubscribeCartOpened(() => {  
  var elementLockingThePage = document.querySelector('body');  
  if (elementLockingThePage != null) {  
    elementLockingThePage.setAttribute('style', 'overflow-Y:hidden !important');  
  }  
});  
window.upcartSubscribeCartClosed(() => {  
  var elementLockingThePage = document.querySelector('body');  
  if (elementLockingThePage != null) {  
    elementLockingThePage.setAttribute('style', 'overflow-Y:scroll !important');  
  }  
});  
</script>
```

<Note>
  **Note héritée :** les callbacks `window.upcartOnCartOpened` et `window.upcartOnCartClosed` fonctionnent toujours mais sont obsolètes et affichent des avertissements dans la console. Utilisez `upcartSubscribeCartOpened` et `upcartSubscribeCartClosed` pour tous les nouveaux scripts.
</Note>

1. Enregistrez vos modifications.
2. Actualisez votre boutique en ligne et testez la fermeture du panier pour confirmer que le défilement est restauré.

***

<div id="why-this-happens">
  ## Pourquoi cela se produit
</div>

Lorsqu'Upcart s'ouvre, il masque le tiroir de panier natif de votre boutique et prend sa place visuelle. Cependant, certains thèmes incluent du code qui verrouille le défilement de la page chaque fois qu'un tiroir est actif. Après la fermeture d'Upcart, ce verrouillage peut rester en place, empêchant la page de défiler. Sur les appareils mobiles, des problèmes supplémentaires peuvent survenir, comme des superpositions qui persistent ou rendent la page incliquable. Ces problèmes sont souvent liés à des comportements de verrouillage du défilement spécifiques au mobile ou à des superpositions non réinitialisées.

Le script ci-dessus restaure le comportement de défilement normal en réinitialisant manuellement la propriété overflow de la page lorsque le panier est ouvert ou fermé.

***

Besoin d'aide ou de dépannage supplémentaire

<div id="additional-steps-before-contacting-support">
  # Étapes supplémentaires avant de contacter le support
</div>

1. Assurez-vous que **Override existing scroll locking logic** est activé.
2. Vérifiez si du code personnalisé ou des scripts tiers pourraient interférer.

Si vous rencontrez toujours des problèmes de défilement après avoir appliqué la correction, votre thème utilise peut-être un sélecteur différent ou une logique de défilement personnalisée.

Contactez le **support Upcart** pour obtenir de l'aide à identifier le bon sélecteur, ou adressez-vous au **développeur de votre thème** pour ajuster les paramètres de défilement de votre thème.