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 activer SSL dans PrestaShop 1.6 & 1.7 ?
views 2755
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 sites web, ils commencent en général  par « http:// »  ou « https:// ». Ce « s » indique que le site sur lequel vous naviguez est chiffré afin que vos données ne puissent pas être interceptées.  Le site est donc sécurisé, cela s'appelle SSL soit Secur...
Installer manuellement un module PrestaShop
views 2955
Voici un petit tuto pour vous permettre d'installer manuellement votre module PrestaShop Pour ce tuto, nous allons partir du fait que vous avez acheté un module depuis le addons de Prestashop 1) Etape 1 Depuis le back-office de votre compte "Addons PrestaShop", cliquez sur l'onglet "Téléchargement" 2) Etape 2 Cliquer sur l'icone "flèche" du module que vous désirez télécharge...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 2
views 4891
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, le SAV et les statistiques (voir l'article)  Personnaliser qui regroupe les modules, le design, le transport, le paiement et l’international Configurer qui regroupe les préférences et les paramètres avancés. Dans cet article, nous allons ...
Ajouter les fabricants dans la page produit | Astuce Prestashop 1.6
views 2479
Ce tuto va vous expliquer comment insérer les fabricants dans la page produit dans la version Prestashop 1.6 A) Mettre le nom du fabricant avec le lien sur la page produit  Ajouter les lignes suivantes dans le fichier product.tpl qui se situe dans votre thème à l'endroit à vous désirez que le fabricant apparaisse :  Résultat :  B) Mettre le logo du fabricant avec le lien sur la page ...
Insérer pop-up dans une page CMS | Astuce Prestashop 1.6
views 3687
Un client désirait insérer un système de pop-up dans la page cms de Prestashop Je ne voulais pas installer un n-ième module pour faire simplement cela ni insérer un autre script/bibliothèque que ceux inclus dans Prestashop. Cette astuce Prestashop est valable pour la version 1.6 Voilà l'astuce. ------------ 1) Ouvrir un ficher qui se nommera Validate.php, insérer le code suivant...

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 *