Réponse courte
Un calculateur dans le tiroir de panier doit répondre à la question de la destination et du coût sans transformer le tiroir en second paiement. Placez-le près du sous-total ou du bouton de paiement, gardez un état replié compact, préservez les boutons de fermeture et de paiement, recalculez après chaque changement du panier et testez le clavier, le tactile, le mobile et le comportement après mise à jour du thème. Les tiroirs étant propres à chaque thème, la compatibilité doit être vérifiée sur le thème de production exact.
Préserver le rôle principal du tiroir
Le tiroir de panier sert à vérifier le panier puis à continuer ses achats ou à payer. Un calculateur doit soutenir cette décision, pas la dominer. Utilisez une invite courte, un affichage progressif et des résultats compacts qui restent lisibles à côté du sous-total et des boutons de paiement.
Mettre à jour quand le panier change
Une estimation périmée est pire que pas d’estimation. Ajouter, retirer ou modifier une quantité peut changer le poids, le sous-total, les combinaisons de profils et l’éligibilité à la livraison gratuite. Le calculateur doit actualiser son contexte ou demander clairement un nouveau calcul.
Concevoir pour un espace étroit et dynamique
Les tiroirs sont souvent étroits et défilants. Évitez les débordements horizontaux, gardez des zones tactiles confortables, ne masquez pas le bouton de paiement et annoncez les changements de résultat aux technologies d’assistance. Un état de chargement doit réserver l’espace pour que le tiroir ne saute pas.
Retester après chaque changement de thème
Une mise à jour peut remplacer le balisage du tiroir, les noms de classes ou le rendu. Notez la version et le sélecteur utilisés, puis incluez le calculateur dans chaque test de non-régression après mise à jour du thème.
Liste de contrôle
- Visible près du sous-total ou du paiement
- État replié compact
- Aucun débordement horizontal
- Le bouton de paiement reste accessible
- Recalcul après mise à jour du panier
- États de chargement et « aucun tarif » bien intégrés
- Ordre de focus clavier logique
- Les changements de résultat sont annoncés
- Testé sur mobile
- Les mises à jour du thème déclenchent de nouveaux tests
Questions
Tous les thèmes Shopify utilisent-ils le même tiroir de panier ?
Non. Le balisage et le comportement des tiroirs varient selon le thème et la version : la compatibilité doit être testée.
Le calculateur doit-il s’ouvrir automatiquement ?
En général, gardez-le compact jusqu’à ce que le client demande une estimation, sauf si la livraison est la question décisive de votre catalogue.
Où les résultats doivent-ils apparaître ?
Gardez les résultats près du champ et du sous-total, avec le bouton de paiement toujours visible et utilisable.
Sources
Les pages du Centre d’aide Shopify peuvent s’ouvrir en anglais.