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

Désactiver les taxes | Astuce Prestashop 1.6
views 1118
Si vous désirez désactiver les taxes dans prestashop, suivez les deux étapes suivantes 1) Allez dans préférences > taxes 2) Options des...
Désactiver le bouton Comparer | Astuce Prestashop 1.6
views 1706
On me demande très souvent comment on désactive la partie « comparer » dans le back office de Prestashop. C'est très simple : Allez dans le...
Mettre sa boutique en maintenance et accéder à sa boutique  | Prestashop 1.6 et 1.7
views 3292
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...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 2
views 4132
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...
Connaître les modules de la page d’accueil | Astuce Prestashop 1.6
views 14482
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...
Paypal, Hipay & Payplug – Quelle solution de paiement choisir
views 3446
Pour une petite boutique en ligne, mettre en place un contrat de vente à distance (VAD) peut s'avérer difficile en raison des coûts élevés que demande...
A/B Testing – Quick Vs Multi Page checkout – Which performs better?
views 511
Checkout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, ...
Ajouter les réseaux sociaux sur la page d’accueil | Prestashop 1.7
views 4339
Contrairement à Prestashop 1.6, les réseaux sociaux sur votre page d'accueil ne s'affichent pas automatiquement. Ce petit tutorial va vous permettr...
Liste des variables smarty : Prestashop 1.7
views 2972
Je vais énumérer dans ce tutoriel, les variables utlisées dans Prestashop 1.7, Pour les découvrir, vous avez deux methodes. Pour les deux méthodes,...
Optimisez le sitemap de votre boutique | Astuce Prestashop 1.6
views 2416
Qu'est ce qu'un sitemap ?  Un sitemap est un fichier qui contient une liste enrichie d'URLs internes à un site web. Ce fichier est au format XML. Il ...
  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 *