Skip to main content

​
Aperçu

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

​
Utiliser les solutions intégrées

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.

​
Accéder aux paramètres Custom HTML

  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.

​
Ajouter le code

  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 :
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.
  1. Enregistrez vos modifications.
  2. Actualisez votre boutique en ligne et testez la fermeture du panier pour confirmer que le défilement est restauré.

​
Pourquoi cela se produit

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

​
Étapes supplémentaires avant de contacter le support

  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.