Insérer un dropdown panier dans Prestashop 1.7

Comme vous avez certainement pu le constater, pas mal de fonctionnalités ont disparus dans la version 1.7 de Prestashop. je trouve personnellement qu’il y a encore énormément de bugs, l’ergonomie laisse vraiment à désirer notamment sur la partie mobile….

Une des fonctionnalités qui a été supprimée est le dropdown panier. Voici un tutoriel qui va vous permettre de le remettre.

Tout ce passe dans le module ps_shoppingcart qui si situe à l’intérieur de votre thème, dans cet exemple précis c’est le thème par défaut soit ../themes/classic/modules/ ps_shoppingcart

Étape 1: ouvrir le fichier ps_shoppingcart-product-line.tpl et remplacer l’ensemble du code par celui-ci

Étape 2: ouvrir le fichier ps_shoppingcart.tpl et remplacer l’ensemble du code par celui-ci

A noter: par défaut Prestashop va présenter le tarif comme cela

– Sous Total
– Livraison
– Total

Le prix total peut induire en erreur. En effet, si le client n’est pas connecté à son compte, Prestashop indiquera les frais de port les moins chers. Hors si le client habite aux Etats-Unis, les frais de port peuvent considérablement varier et entrainer ainsi un risque d’abandon lors de la finalisation de la commande. (voir depuis le début des frais de livraison à 4€ pour au final être à 10€, il y a de quoi être un peu surpris….)

Pour cela, on va remplacer le code suivant

Par

 

Étape 3: on va ajouter un peu de CSS, pour cela on ouvre le fichier custom.css, qui se situe dans ../themes/asset/css/custom.css et on insère le code suivant :

RESULTAT

 

 

 

 

 

Articles similaires

Améliorer les performances de votre boutique Prestashop 1.6
views 5454
A) Connaitre les performances de sa boutique Prestashop Lorsqu'un internaute arrive sur votre site de vente en ligne en général il n'a pas la patience d'attendre le chargement d'une page. Par conséquent, plus le temps de chargement est long, plus le taux d'abandon est important. Aujourd'hui, il existe de nombreux sites pour tester la  performances de son site ecommerce, en ce qui me concern...
COMMENT AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ?
views 3144
Dans ce tutoriel, nous allons voir comment ajouter et paramétrer un transporteur, afin que vos clients puissent choisir son mode de livraison sur votre site de vente en ligne. Il existe deux manières à ce jour d'ajouter un transporteur dans Prestashop: utiliser un module du transporteur choisi insérer le transporteur soi-même. A) Quel transporteur utilise un module adapté à Prest...
Comment configurer les mails dans PrestaShop 1.6 & PrestaShop 1.7
views 7760
Dans ce tutoriel, nous allons voir comment configurer les mails dans PrestaShop. En effet, votre site en ligne va envoyer de nombreux messages à vous et vos clients : création de compte, confirmation de commande.... il est alors important de bien paramétrer cette partie. Pour Prestashop 1.6 & PrestaShop 1.7  La procédure est identique pour les deux versions A) Accéder aux mails Depui...
Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6
views 4278
Ce tutoriel va vous permettre de greffer le module "menu haut horizontal" dans displayNav Cette astuce Prestashop est valable pour la version 1.6 -------------------------- On va dans un premier temps greffer le module au hook displayNav : 1) Modules > Position > Greffer un module (en haut à droite). Greffer le module "Menu Haut Horizontal sur displayNav. 2) Cliquez su...
Gratuit : template facture et bon de livraison | Astuce Prestashop 1.6
views 22513
On ne va pas se le cacher, la mise en page des pdf des factures et bons de livraison, n'est vraiment pas top. Je vous propose donc une nouvelle mise en page dont vous pourrez télécharger les fichiers gratuitement. Cette astuce Prestashop est valable pour la version 1.6 et 1.5 Note : il existe un bug dans la version 1.6.1.5. Si vous avez une page blanche lorsque vous désirez téléch...

Une réponse à “Insérer un dropdown panier dans Prestashop 1.7”

  1. Marie dit :

    Bonjour,

    Petite question comment mettre l’icone caddie lorsqu’elle n’y est pas ?

    Par avance merci,

    Marie

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *