LNK Panier en tiroir, le panier latéral qui garde vos clients sur la page
Après un ajout au panier, la fenêtre de PrestaShop propose surtout de partir : vers le panier, ou de fermer sans rien voir. LNK Panier en tiroir ouvre le panier sur le côté de la page. Le client voit ce qu'il vient d'ajouter, change une quantité, mesure ce qu'il lui reste pour la livraison offerte, puis continue ses achats ou passe commande.
- Version 1.1.0 · PrestaShop 1.7.6 à 8.x
- Version 1.9.0 · PrestaShop 9
- PrestaShop 1.7.6 à 9.x
- PHP 7.1 à 8.4
- Aucun override
Captures d'écran
Points clés
- Panier latéral ouvert à chaque ajout, ou par le bouton panier.
- Quantités, retrait et sous-total sans quitter la page.
- Boutons « Commander » et « Voir le panier », minimum d'achat rappelé.
- Barre de livraison offerte reprise de LNK Livraison offerte.
- Ventes additionnelles en option : accessoires des produits du panier.
- Panier du thème remplacé en un clic, remis tel qu'il était au retour.
- Contenu demandé à l'ouverture seulement : 1,8 Ko de CSS, 3,7 Ko de JavaScript.
- Accessible : fenêtre modale, focus gardé, Échap, cibles de 44 pixels.
- Fonctionne avec LNK Personnel entreprise : aucun prix montré au client à qui il les masque.
- Multiboutique : réglages et remplacement boutique par boutique.
- Français, anglais et arabe (de droite à gauche).
- PrestaShop 1.7.6 à 9, sans override.
Un panier latéral à chaque ajout
Le tiroir glisse du bord de la page dès qu'un produit est ajouté, depuis la fiche, une liste de produits ou n'importe quel bouton d'ajout de PrestaShop. Chaque ligne montre l'image, le nom, la déclinaison, le prix et la quantité. Le sous-total suit, avec les boutons « Commander » et « Voir le panier ». Le bouton panier de l'en-tête l'ouvre aussi, avec le nombre d'articles.
Quantités et retrait sans quitter la page
Moins, plus, ou une quantité tapée : le panier de PrestaShop applique ses règles (minimum de vente, stock) et tout se met à jour, compteur compris. Une ligne se retire d'un clic. Le minimum d'achat de la boutique est rappelé tant qu'il n'est pas atteint.
La barre de livraison offerte
Avec LNK Livraison offerte, une barre en haut du tiroir montre ce qu'il reste avant la livraison offerte, puis l'annonce une fois le seuil atteint. Seuil, règles par pays, groupe ou transporteur et textes restent ceux de Livraison offerte : rien à saisir deux fois.
Des ventes additionnelles, si vous le voulez
En option, coupée par défaut : jusqu'à trois accessoires des produits du panier, ceux que vous associez déjà sur la fiche produit, avec un bouton « Ajouter ». Rien d'inventé, rien de proposé qui soit épuisé ou déjà dans le panier.
Le panier du thème remplacé, jamais doublé
Un clic au back-office coupe le panier du thème (ps_shoppingcart) dans la boutique en cours ; le tiroir prend sa place et son bouton se pose au même endroit. Son état est noté avant : un autre clic, ou la désinstallation, le remet exactement comme il était. Rien n'est désinstallé.
Léger et rapide
Chiffres mesurés sur le module livré, compressés (zlib, niveau 9) : 1,8 Ko de CSS et 3,7 Ko de JavaScript. Le contenu du tiroir n'est demandé qu'à son ouverture : aucun appel au serveur au chargement d'une page. Sur les pages panier et commande, seul le compteur suit.
Accessible, en arabe et sur mobile
Fenêtre modale annoncée, focus gardé dans le tiroir, Échap pour fermer, cibles de 44 pixels, animations coupées pour qui les réduit. Le tiroir s'ouvre du côté de fin de ligne : à gauche en arabe. Sur téléphone, il prend toute la largeur.
Compatibilité PrestaShop 1.7.6, 8 et 9
Deux versions du module, une par génération : la 1.1 pour PrestaShop 1.7.6 à 8.x, la 1.9 pour PrestaShop 9, avec une page de réglages native de chaque back-office, sous Commandes, et un aperçu en direct avec vos produits. Thèmes Classic et Hummingbird sans réglage ; les thèmes LNK placent le bouton et habillent le tiroir par leur contrat de thème. Aucun override, aucune table.
Questions fréquentes
Que voit le client quand il ajoute un produit ?
Le panier s'ouvre sur le côté de la page, sans la quitter : chaque ligne avec son image, sa déclinaison, son prix, sa quantité et un lien pour la retirer, puis le sous-total et les boutons « Commander » et « Voir le panier ». Il ferme le tiroir et continue ses achats là où il était.
Le client peut-il changer les quantités dans le tiroir ?
Oui : boutons moins et plus, ou saisie directe, et retrait d'une ligne. Les changements passent par le panier de PrestaShop, avec ses règles (minimum de vente, stock) ; le reste de la page suit (compteur du panier, autres blocs). Une ligne personnalisée se modifie sur la fiche produit.
Faut-il désactiver le panier de mon thème ?
Le panier du thème (module ps_shoppingcart : bouton panier et fenêtre après l'ajout) et le tiroir ne s'affichent jamais ensemble. Dans les réglages, le bouton « Remplacer le panier du thème » le coupe dans la boutique en cours, après avoir noté son état. « Remettre le panier du thème » le rend tel qu'il était ; désinstaller le tiroir fait de même. Rien n'est désinstallé. Un thème fait pour le tiroir le coupe lui-même.
Comment marche la barre de livraison offerte ?
Elle reprend LNK Livraison offerte : son seuil, ses règles (pays, groupes, transporteurs) et ses textes. Quand une de ses règles vaut pour le panier, la barre montre ce qu'il reste à ajouter, puis que la livraison est offerte. Sans ce module, il n'y a pas de barre : aucun seuil à saisir deux fois.
Le tiroir ralentit-il mes pages ?
Non. La feuille et le script sont légers, et le contenu du tiroir n'est demandé qu'à son ouverture : aucun appel au serveur au chargement d'une page. Sur les pages panier et commande, qui sont déjà le panier, le tiroir ne s'ouvre pas : seul le compteur du bouton suit.
Puis-je proposer d'autres produits dans le tiroir ?
Oui, en option (coupée par défaut) : jusqu'à trois accessoires des produits du panier, ceux que vous associez sur la fiche produit (onglet Associations), avec un bouton « Ajouter ». Un produit déjà dans le panier, inactif ou épuisé n'est pas proposé.
Le tiroir est-il accessible ?
Oui : fenêtre modale annoncée aux lecteurs d'écran, focus gardé dans le tiroir, touche Échap pour fermer, focus rendu au bouton qui l'a ouvert, cibles de 44 pixels, mises à jour annoncées. Les visiteurs qui réduisent les animations n'ont pas de glissement.
Fonctionne-t-il en arabe et sur mobile ?
Oui. Le tiroir s'ouvre du côté de fin de ligne : à droite en français, à gauche en arabe. Il prend toute la largeur d'un téléphone. Les textes sont en français, anglais et arabe.
Mon thème peut-il placer et habiller le bouton panier ?
Oui. Le module pose son bouton là où était celui du thème ; un thème peut l'appeler lui-même
({widget name='lnk_cartdrawer'}), surcharger les gabarits, la feuille et le script dans son
dossier, et régler les couleurs par des variables CSS. Tout est décrit dans le contrat de thème.
Les prix masqués et les droits des comptes pro sont-ils respectés ?
Oui. En mode catalogue, pour un groupe client sans prix, ou pour un salarié à qui LNK Personnel entreprise masque les prix, le tiroir n'affiche aucun prix. Si la commande lui est interdite, le bouton « Commander » n'apparaît pas.
Quelles versions de PrestaShop ?
PrestaShop 1.7.6 à 8.x (version 1.1) et PrestaShop 9 (version 1.9), thèmes Classic et Hummingbird. Aucun override, aucune table, aucun appel externe. Multiboutique : réglages et remplacement du panier du thème boutique par boutique.
Journal des versions
-
Version 1.9.0 PrestaShop 9
Nouveautés
- Tiroir de panier ouvert à l'ajout d'un produit (réglable) et au clic sur le bouton panier : lignes avec image, déclinaison, prix, quantité modifiable et retrait, sous-total, boutons Commander et Voir le panier. Minimum d'achat rappelé. Contenu demandé à l'ouverture seulement.
- Barre de livraison offerte reprise de LNK Livraison offerte quand elle est installée (aucun seuil saisi dans ce module).
- Ventes additionnelles en option, coupées par défaut : trois accessoires au plus des produits du panier.
- Bouton panier d'en-tête avec le nombre d'articles, et widget pour les thèmes.
- Bascule du panier du thème (ps_shoppingcart) depuis le back-office, boutique par boutique, avec retour exact à l'état d'avant (bouton ou désinstallation).
- Accessibilité : fenêtre modale, focus gardé dans le tiroir, Échap, focus rendu au bouton, cibles de 44 px, mouvement réduit respecté. Tiroir du côté de fin de ligne (à gauche en arabe).
- Contrat lnk.companies.rights/1 : prix masqués et bouton Commander retiré pour le client concerné.
- Aperçu en direct au back-office avec des produits de la boutique. Français, anglais et arabe.
-
Version 1.1.0 PrestaShop 1.7.6 à 8.x
Nouveautés
- Tiroir de panier ouvert à l'ajout d'un produit (réglable) et au clic sur le bouton panier : lignes avec image, déclinaison, prix, quantité modifiable et retrait, sous-total, boutons Commander et Voir le panier. Minimum d'achat rappelé. Contenu demandé à l'ouverture seulement.
- Barre de livraison offerte reprise de LNK Livraison offerte quand elle est installée (aucun seuil saisi dans ce module).
- Ventes additionnelles en option, coupées par défaut : trois accessoires au plus des produits du panier.
- Bouton panier d'en-tête avec le nombre d'articles, et widget pour les thèmes.
- Bascule du panier du thème (ps_shoppingcart) depuis le back-office, boutique par boutique, avec retour exact à l'état d'avant (bouton ou désinstallation).
- Accessibilité : fenêtre modale, focus gardé dans le tiroir, Échap, focus rendu au bouton, cibles de 44 px, mouvement réduit respecté. Tiroir du côté de fin de ligne (à gauche en arabe).
- Contrat lnk.companies.rights/1 : prix masqués et bouton Commander retiré pour le client concerné.
- Aperçu en direct au back-office avec des produits de la boutique. Français, anglais et arabe.