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 insérer une nouvelle langue automatiquement | Prestashop 1.6 / 1.7
views 6407
Vous souhaitez que votre boutique de vente en ligne soit en plusieurs langues afin de toucher une clientèle très large ? Il est très facile depuis le back-office de Prestashop 1.6 & 1.7 de rajouter une langue avec toutes les traductions. Pour cela, il existe deux manières: - depuis le pack de localisation (avec cette manière, vous aurez les traductions mais aussi l'ensemble des données ...
Vider le cache dans Prestashop 1.6 et Prestashop 1.7
views 25737
Pourquoi vide t-on le cache dans Prestashop ?  Lorsque vous modifiez des codes dans prestashop pour améliorer par exemple le thème graphique, il se peut que vous ne  visualisez pas ces changements dans le front-office. Il faut savoir que par défaut, Prestashop a activé le cache qui garde en mémoire tous les paramètres et la mise en forme de votre site. Il est donc nécessaire de purger c...
Faire une sauvegarde de votre BDD depuis le BO de Prestashop 1.6
views 1868
Qu'est ce qu'une BDD (base de données) ?  Une base de données est un outil qui permet de collecter et organiser des informations. Exemple: vos produits, vos images, vos textes, vos commandes, vos clients.... Pourquoi faire une sauvegarde ?  En cas de bug, d'une fausse manipulation, d'un module défectueux.... il sera peut-être nécessaire de réinitialiser votre base de données. D'où l'import...
Quelques astuces pour vous aider à créer un site e-commerce avec Prestashop
views 988
Créer son site e-commerce avec Prestashop n'est pas toujours facile. Je mettrais régulièrement des documents que vous pourrez télécharger afin de mieux vous aidez dans la création de votre site e-commerce. Document 1 : Modèle de cahier des charges  Avant de se lancer dans l'aventure de l'e-commerce, il est très important de mettre par écrit un ensemble d'informations qui va vous aider pour la su...
Comment configurer le diaporama de la page d’accueil | Prestashop 1.6 et 1.7
views 10247
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.7 ------------------------------------------------------------------------------------------------------------------------ Tutorial pour Prestashop 1.6 A noter la taille de l'image pour le diaporama est de 779px de large pour 448px de haut. ...

Une réponse à “Insérer un dropdown panier dans Prestashop 1.7”

  1. Marie dit :

    Bonjour,

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

    Par avance merci,

    Marie

Laisser un commentaire

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