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

Modifier la police d’écriture avec Google Fonts – PrestaShop 1.7
views 100
Dans ce tuto nous allons voir comment modifier la police d'écriture avec Google Fonts pour votre site PrestaShop 1.7 A noter: actuellement la polic...
Configurer le moteur de recherche – Prestashop 1.7
views 166
Le tutoriel d'aujourd'hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible ...
Désactiver les frais de port dans le block panier | Astuce Prestashop 1.6
views 3675
Pour éviter toute confusion, je préfère désactiver les frais de port dans le block panier. En effet, si le client n'est pas connecté à son compte, ...
SPAM PRESTASHOP FORMULAIRE DE CONTACT
views 2370
Depuis qq temps, des robots de SPAM utilisent le formulaire de contact des boutiques PrestaShop pour envoyer des mails. Voici deux astuces  (les de...
Insérer pop-up dans une page CMS | Astuce Prestashop 1.6
views 2870
Un client désirait insérer un système de pop-up dans la page cms de Prestashop Je ne voulais pas installer un n-ième module pour faire simplement c...
Supprimer redirection Home après s’être connecté lors du tunnel d’achat en 5 ...
views 614
Après avoir installé le tunnel de commande en 5 étapes sur le site e-commerce d'un client, j'ai rencontré un problème lors de l'étape inscription. ...
Améliorer les performances de votre boutique Prestashop 1.6
views 4088
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...
Ajouter gratuitement un live chat sur votre site | Astuce Prestashop 1.6
views 1482
Qu'est qu'un live chat ?  Le terme live chat désigne l'ensemble des moyens qui permet à un internaute de rentrer instantanément en contact  avec un e...
Transformer les tabs de la page d’accueil en bloc | Astuce Prestashop 1.6
views 3954
Ce tutorial va vous permettre de transformer les tabs "Populaire", "Meilleurs ventes", "Nouveaux Produits" et "Promotions" de la page d'accueil en blo...
Mettre sa boutique en maintenance et accéder à sa boutique  | Prestashop 1.6 et 1.7
views 2244
Lorsque vous désirez effectuer de grands changements sur votre boutique, je vous conseille de mettre votre boutique en maintenance c'est à dire de sig...
  1. Marie

    Bonjour,

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

    Par avance merci,

    Marie

Laisser un commentaire

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