Tout ce que vous voudriez savoir avant d'installer.
Un regard détaillé sur le fonctionnement de DataFirefly SideCart — Panier latéral pour PrestaShop 8, pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.
Pourquoi un panier latéral ?
Sur 100 visiteurs qui cliquent « Ajouter au panier », combien atterrissent sur la page panier et abandonnent ? Beaucoup. La redirection casse le moment où l'envie d'achat est la plus forte. SideCart résout ça : le client voit son panier se remplir sans quitter la page produit, et peut soit continuer à shopper, soit aller au checkout en un clic. C'est le pattern UX standard d'Amazon, Shopify, et toute boutique qui prend la conversion au sérieux.
Ce que voit le client
Un panneau de 380 px qui glisse depuis le côté droit (configurable à gauche) avec une animation fluide. À l'intérieur : la liste des produits avec image, nom, déclinaison, prix unitaire et contrôle de quantité. En bas, le sous-total mis à jour en temps réel, plus optionnellement la TVA et la livraison estimée. Deux boutons d'action : voir le détail du panier ou aller directement au checkout. L'overlay derrière le panneau est cliquable pour fermer.
Configuration en 5 minutes
Installez le ZIP via le gestionnaire de modules PrestaShop, puis allez dans Modules → DataFirefly SideCart → Configurer. Une seule page de réglages avec : Activer / Désactiver, Position (Gauche / Droite), Auto-ouverture à l'ajout (Oui / Non), Overlay (Oui / Non), Auto-fermeture (Oui / Non) + délai en secondes, Couleur principale (color picker), et trois cases pour afficher Sous-total / TVA / Livraison. Sauvegardez, c'est en ligne.
Architecture et performance
Le module utilise les hooks natifs PrestaShop 8 (displayHeader pour les assets, actionCartUpdateQuantityBefore pour détecter les ajouts, displayAfterBodyOpeningTag pour injecter le panneau). Le CSS fait moins de 10 Ko gzippé, le JS moins de 8 Ko. Aucune dépendance externe — pas de jQuery requis, pas de framework. L'impact sur les Core Web Vitals est nul ou négatif (la suppression de la redirection vers /panier améliore le LCP perçu).
Compatibilité multishop
Pleinement compatible PrestaShop multishop : chaque sous-boutique peut avoir sa propre configuration (couleur différente, position différente, hooks activés ou non). Les variables de configuration sont stockées via Configuration::updateValue avec le contexte multishop standard.
Mobile et accessibilité
Sur mobile (< 768 px), le panneau s'étend en plein écran pour une lisibilité maximale. La fermeture est possible via la touche Échap, le bouton X dans le coin, le clic sur l'overlay, ou le swipe latéral (où le device le supporte). Tous les éléments interactifs ont des labels ARIA et le focus est piégé dans le panneau quand il est ouvert.
Avis
Il n’y a pas encore d’avis.