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

Comment créer un compte Paypal Professionnel ? | E-ecommerce
views 1553
Si  vous désirez installer Paypal comme moyen de paiement sur votre site e-commerce, il sera nécessaire de créer  un compte professionnel. Voici le...
Ajouter les réseaux sociaux sur la page d’accueil | Prestashop 1.7
views 4536
Contrairement à Prestashop 1.6, les réseaux sociaux sur votre page d'accueil ne s'affichent pas automatiquement. Ce petit tutorial va vous permettr...
Gérer les paniers abandonnés | Astuce Prestashop 1.6
views 3131
Qu'est ce qu'un panier abandonné ?  L’abandon de panier,  c’est lorsque l’un de vos internautes ne finalise pas le processus de commande, après avoir...
Afficher les sous-catégories sur la page catégorie | Prestashop 1.7
views 6212
Vous l'avez peut-être constaté mais sur la version Prestashop 1.7, les sous-catégories ne s'affichent pas sur les pages catégories comme sur Prestasho...
Ajouter le drapeau du pays dans le bloc langues | Astuce Prestashop 1.6
views 2916
Vous désirez insérer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L'astuce est simple et rapide. Valable pour ...
Afficher les fournisseurs sur les pages produits | Astuce Prestashop 1.6
views 1923
Ce tuto va vous expliquer comment insérer les fournisseurs dans la page produit dans la version Prestashop 1.6 A) Mettre le nom du fournisseur av...
Prestashop 1.6 | Slider sur toute la largeur sur votre page d’accueil
views 7886
Voici un tutorial qui va vous permettre d'afficher le slider de votre page d'accueil sur toute la largeur. Valable pour prestashop 1.6 A noter :...
Quels sont les modules utilisés sur la page d’accueil ? | Prestashop 1.7
views 14787
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...
Taille des Images du thème par défaut de Prestashop 1.6
views 5028
Ce tutoriel va vous permettre de connaitre la taille des images du thème par défaut de Prestashop La plupart des images que vous téléchargez dans l...
Désactiver “Suivez le guide : découvrez PrestaShop “
views 237
Vous en avait marre de voir la bannière "Suivez le guide : découvrez PrestaShop ", sur vos pages ? Dans ce cas, suivez ce tuto Comment dés...
  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 *