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

Afficher les disponibilités sur la liste de produits | Astuce Prestashop 1.6
views 1993
Ce tutorial va vous permettre d'afficher les disponibilités (en stock....) sur la liste des produits du bloc Populaire , Nouveaux Produits, Meilleures...
Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7
views 6736
Aujourd’hui, nous allons voir comment configurer le diaporama de votre page d'accueil sur votre boutique en ligne sur Prestashop 1.6 &Prestashop 1...
Désactiver “Suivez le guide : découvrez PrestaShop “
views 185
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...
Mettre une page catégorie comme page d’accueil | Astuce Prestashop 1.6
views 1250
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  ...
Gratuit : Template Mails | Astuce Prestashop 1.6
views 2529
Je vous propose une nouvelle mise en page plus minimaliste pour les mails. Le fichier comprend la version anglaise et française. Vous pouvez télécharg...
Comment afficher les prix avec/sans décimales | Astuce Prestashop 1.6
views 1399
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...
Ajouter gratuitement un live chat sur votre site | Astuce Prestashop 1.6
views 1543
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...
Insérer une page CMS sur votre formulaire de contact | PrestaShop 1.6
views 1402
Vous désirez insérer une page cms à l'intérieur de votre formulaire de contact de votre boutique PrestaShop Rien de plus simple avec ce petit tuto ...
La structure des fichiers du nouveau thème Classic | Prestashop 1.7
views 10638
La version stable de Prestashop 1.7 est sortie ce lundi et comme vous pourrez le constater, la structure des fichiers dans le dossier thème a totaleme...
15% de réduction pour tous les produits de la boutique | Astuce Prestashop 1.6
views 866
Vous désirez mettre en place une campagne de promotion :  15% de réduction pour tous les produits de la boutique Il est très facile de configurer c...
  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 *