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

Connaître les modules de la page d’accueil | Astuce Prestashop 1.6
views 10838
Vous avez installé votre boutique Prestashop 1.6 et désirez modifier votre page d'accueil ? Ce petit tuto va vous aider à le faire en indiquant le nom...
Configurer les réseaux sociaux sur la page produit | Prestashop 1.6 et 1.7
views 1485
Aujourd'hui, nous allons voir comment configurer les réseaux sociaux sur les pages produits de votre boutique e-commerce sous Prestashop 1.6 et 17 ...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 2
views 2856
Pour rappel, le menu du back-office de Prestashop 1.7 est organisé en 3 parties : Vendre qui regroupe les commandes, le catalogue, les clients, l...
Comment afficher les prix avec/sans décimales | Astuce Prestashop 1.6
views 961
Il est très simple depuis le back-office de Prestashop d'afficher les prix avec ou sans décimales. Quel est le processus ?  A) Connectez vous dans l...
Gratuit : template facture et bon de livraison | Astuce Prestashop 1.6
views 15659
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 mis...
Quelques astuces pour vous aider à créer un site e-commerce avec Prestashop
views 644
Créer son site e-commerce avec Prestashop n'est pas toujours facile. Je mettrais régulièrement des documents que vous pourrez télécharger afin de mieu...
Page blanche bon de livraison | Astuce Prestashop 1.6
views 1093
Lorsque vous désirez télécharger le bon de livraison depuis le back-office de prestashop, vous avez le droit à une jolie page blanche. Ce bug se tr...
Ajouter “produit deja acheté” sur la page produit | Prestashop 1.6
views 312
Aujourd'hui, nous allons voir comment ajouter la notification "Produit déjà acheté le ....." sur la page produit. Cette astuce (donnée par Nemops) ...
Astuce : Centrer votre menu dans Prestashop 1.6
views 2632
Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop Cette astuce Prestashop est valable pour la version 1.6 Comm...
Comment relier son compte Paypal à sa boutique Prestashop 1.6
views 3308
Encore aujourd'hui, une partie des consommateurs ont peur d'utiliser sa carte de crédit sur un site internet, en particulier à des marques encore peu ...

Laisser un commentaire

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