Panier Shopify qui se vide tout seul : comment traquer la cause

Le client remplit son panier, clique pour payer, et se retrouve devant un panier vide. Il ne se plaint pas : il part. Réponse directe : ce bug silencieux — l'un des plus coûteux d'une boutique Shopify — vient presque toujours de l'un de trois endroits : les cookies bloqués (bandeau RGPD mal réglé), une app tierce qui réécrit le panier, ou un thème personnalisé désynchronisé. La clé du diagnostic : reproduire le bug dans les bonnes conditions, puis lire l'état réel du panier via /cart.js. Voici la méthode.

Comment reproduire un panier qui se vide ?

Un panier qui se vide dépend du contexte : navigateur, appareil, navigation privée, temps écoulé. Testez plusieurs scénarios — mobile Safari, Chrome desktop, fenêtre privée, et surtout un parcours lent (ajout, puis dix minutes d'attente avant checkout). Un bug qui n'apparaît qu'en navigation privée pointe presque toujours vers les cookies.

Comment lire l'état réel du panier ?

Ne vous fiez pas à ce que le thème affiche. Shopify expose l'état réel du panier à l'adresse /cart.js. Dans la console du navigateur :

fetch('/cart.js').then(r => r.json()).then(c => console.log(c.item_count, c.items))

Si l'affichage montre des articles mais que item_count vaut 0, le problème est côté thème (désynchronisation). Si /cart.js est réellement vide après ajout, cherchez du côté des cookies ou d'une app.

Pourquoi les cookies sont-ils le suspect n°1 ?

Shopify stocke le panier dans un cookie. Si un bandeau de consentement RGPD bloque les cookies « fonctionnels » tant que le visiteur n'a pas accepté, le panier ne persiste pas. C'est la cause la plus fréquente sur les boutiques européennes récentes. Vérifiez que votre outil de consentement classe le cookie de panier comme strictement nécessaire, pas comme cookie marketing optionnel.

App tierce ou thème : comment trancher ?

1. Apps : upsell, bundles, réductions automatiques, « panier à tiroir » manipulent le panier via l'API Ajax. Une app buguée, ou deux qui se marchent dessus, peuvent le vider. Désactivez les apps liées au panier une par une, en retestant le parcours entre chaque.
2. Thème : un thème modifié à la main ou du JavaScript ajouté sur le panier peut désynchroniser affichage et état réel (l'écart vu via /cart.js le confirme).
3. Multi-marché : changer de devise ou de pays en cours de session réinitialise le panier (Shopify gère un panier par marché). Un sélecteur de pays trop visible vide le panier sans que le client le sache.

Checklist de diagnostic

• [ ] Scénario reproductible identifié (navigateur / privé / parcours lent)
• [ ] État réel lu via /cart.js (affichage vs item_count)
• [ ] Cookie de panier classé « strictement nécessaire » dans le consentement
• [ ] Apps liées au panier désactivées une par une
• [ ] Thème / JS custom sur le panier vérifié
• [ ] Sélecteur devise/pays non déclenché par erreur

Questions fréquentes

Pourquoi mon panier Shopify se vide seulement en navigation privée ?

Parce que la navigation privée bloque ou isole les cookies. Si le panier ne survit qu'avec les cookies « normaux », c'est le signe que votre bandeau de consentement traite le cookie de panier comme optionnel au lieu de strictement nécessaire.

Comment savoir si c'est le thème ou une app ?

Lisez /cart.js. Si l'objet est réellement vide, ce n'est pas un problème d'affichage (donc pas le thème) : cherchez côté cookies ou app. Si /cart.js contient des articles mais que l'affichage montre un panier vide, c'est le thème.

Un bandeau de consentement peut-il casser le panier ?

Oui, c'est la cause la plus fréquente en Europe. Un bandeau qui bloque les cookies fonctionnels avant acceptation empêche le panier de persister. Le cookie de panier doit être classé comme nécessaire, jamais comme marketing.

Combien de temps un panier Shopify est-il conservé ?

Plusieurs jours dans des conditions normales. Une disparition en quelques minutes n'est pas une expiration normale : elle renvoie presque toujours aux cookies.

Quand faire appel à HelpApp Pro

L'erreur classique est de corriger au hasard sans avoir reproduit le bug dans les conditions exactes du client. HelpApp Pro reproduit le parcours défaillant, isole la cause — consentement, app ou thème — et corrige sans repartir de zéro. Décrivez le comportement via le devis en ligne, ou consultez notre page checkout Shopify & WooCommerce.