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 1238
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...
Liste des variables smarty : Prestashop 1.7
views 5591
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,...
Quelques astuces pour vous aider à créer un site e-commerce avec Prestashop
views 909
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 mieu...
Quels sont les modules utilisés sur la page d’accueil ? | Prestashop 1.7
views 15534
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...
Créer un thème enfant avec PrestaShop 1.7
views 2096
Qu’est ce qu’un thème enfant ? Un thème Prestashop est un ensemble de fichiers qui permet de gérer les fonctionnalités et le visuel d ‘un site Prest...
Gérer les paniers abandonnés | Astuce Prestashop 1.6
views 3319
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...
Comment modifier le message de Copyright en bas de page | Prestashop 1.7 ?
views 15597
Lors du paramétrage de votre boutique Prestashop, vous désirez peut-être modifier le message de Copyright en bas de page. Par défaut, le message es...
Comment activer SSL dans PrestaShop 1.6 & 1.7 ?
views 1820
Dans ce tuto nous allons voir comment activer le SSL sur votre boutique, c'est tout simple Qu'est- ce que le SSL ? Lorsque vous regardez l'url des s...
Insérer un favicon dans votre boutique Prestashop
views 3548
A) Qu'est ce qu'un favicon ?  Le favicon est l'icône qui se situe à  gauche de l'URL dans la barre d'adresse de votre navigateur B) Quelle est l...
Comment relier son compte Paypal à sa boutique Prestashop 1.6
views 5076
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 ...
  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 *