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

Quels sont les modules utilisés sur la page d’accueil ? | Prestashop 1.7
views 11466
Par rapport à Prestashop 1.6, la page d'accueil a totalement été relooké et le nom et le hook des modules ont été modifiés. Voici une check-list de...
Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6
views 2917
Ce tutoriel va vous permettre de greffer le module "menu haut horizontal" dans displayNav Cette astuce Prestashop est valable pour la version 1.6 ...
Mettre une page catégorie comme page d’accueil | Astuce Prestashop 1.6
views 989
Ce petit tuto va vous permettre de transformer votre page catégorie en page d'accueil. Cette petite astuce Prestashop est valable pour la version  ...
3 produits achetés le 2ème gratuit | Astuce Prestashop
views 1973
Vous désirez mettre en place une campagne de promotion : x produits achetés, 1 offert. Il est très facile de configurer ce cas de figure dans Prest...
Google Analytics et Prestashop : Installation et configuration
views 7439
Dans ce tutoriel,  nous allons voir comment installer Google Analytics sur son site Prestashop A) Qu'est-ce que Google Analytics ? Google Analytics ...
Supprimer “Imprimer” sur la fiche produit | Astuce Prestashop 1.6
views 1566
Personnellement, je n'arrive plus à me souvenir la dernière fois où j'ai imprimé une fiche produit depuis le site d"une boutique en ligne. Je suppose ...
Petit aperçu du thème Classic de prestashop 1.7
views 3712
Prestashop vient de sortir la version  1.7.0.0 RC0. A noter, par rapport à la version Prestashop 1.6, le thème a été totalement repensé afin d'être...
Améliorer les performances de votre boutique Prestashop 1.6
views 3904
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 patienc...
Désactiver “Recevez les offres spéciales de nos partenaires” | Astuce Prestas...
views 1216
Cette phrase  "Recevez les offres spéciales de nos partenaires"  apparait lors de la création d'un compte comme vous pouvez le voir sur la photo ci-de...
Ajouter les fabricants dans la page produit | Astuce Prestashop 1.6
views 1769
Ce tuto va vous expliquer comment insérer les fabricants dans la page produit dans la version Prestashop 1.6 A) Mettre le nom du fabricant avec le ...

Laisser un commentaire

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