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

Guide complet pour vos campagnes Google Adwords
views 327
Ce guide est en vente sur Amazon.fr et offert en format PDF.  Complet, Intuitif et plein d'astuces. Allez jeter un oeil ! Besoin de gérer des campagn...
Comment relier son compte Paypal à sa boutique Prestashop 1.6
views 3534
Encore aujourd'hui, une partie des consommateurs ont peur d'utiliser sa carte de crédit sur un site internet, en particulier à des marques encore peu ...
Désactiver les taxes | Astuce Prestashop 1.6
views 743
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...
Braintree – Une solution de Paiement sans VAD | Prestashop
views 3816
Qu'est-ce que Braintree ?  Braintree offre une solution complète de paiement pour les e-marchands sur mobile, tablette et bureau. C'est une entrepris...
COMMENT AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ?
views 1435
Dans ce tutoriel, nous allons voir comment ajouter et paramétrer un transporteur, afin que vos clients puissent choisir son mode de livraison sur votr...
Supprimer le cadre blanc autour de vos images | Astuce Prestashop 1.6
views 2390
Lorsqu’on upload une image dans Prestashop, ce dernier la redimensionne selon les différents formats spécifiés dans « préférences/images ». Mais si...
Page blanche bon de livraison | Astuce Prestashop 1.6
views 1125
Lorsque vous désirez télécharger le bon de livraison depuis le back-office de prestashop, vous avez le droit à une jolie page blanche. Ce bug se tr...
Supprimez le champs “objet” du formulaire de contact | Prestashop 1.6
views 940
Il est très important d'avoir un formulaire de contact simple, efficace et ergonomique. Pour un premier contact, le formulaire que propose Prestash...
Désactiver “Suivez le guide : découvrez PrestaShop “
views 153
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...
Ajouter “produit deja acheté” sur la page produit | Prestashop 1.6
views 348
Aujourd'hui, nous allons voir comment ajouter la notification "Produit déjà acheté le ....." sur la page produit. Cette astuce (donnée par Nemops) ...

Laisser un commentaire

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