Blocs de Réassurance & Badges de Confiance — Guide complet
Installer et configurer les blocs de réassurance : icônes, hooks, drag & drop et variantes par langue.
Présentation
Le module Blocs de Réassurance & Badges de Confiance (dftrustbuilder) permet de créer des blocs de réassurance à partir d’une bibliothèque de 18 icônes SVG intégrées, de les positionner sur 6 zones du front-office par glisser-déposer, et de gérer des variantes par langue. Compatible PrestaShop 8.0 à 9.x, multiboutique et multilingue.
À l’installation, 4 blocs d’exemple (paiement sécurisé, livraison rapide, retours faciles, conçu en Europe) sont créés en 5 langues sur la zone de réassurance produit. Votre boutique est habillée immédiatement.
Installation
- Dans le back-office, allez dans Modules > Gestionnaire de modules > Installer un module.
- Téléversez le fichier
dftrustbuilder-1.0.0.zippuis cliquez sur Installer. - Cliquez sur Configurer pour accéder aux réglages d’affichage et à la gestion des blocs.
Aucune modification du thème n’est nécessaire : le module s’appuie sur les hooks standards du front-office.
Réglages d’affichage
La page de configuration du module regroupe les réglages globaux appliqués à tous les blocs :
- Style : minimal (sans cadre), encadré (bordure fine), ou carte (fond blanc avec ombre portée).
- Colonnes : auto (adaptatif selon la largeur disponible), 2, 3, 4 ou 6.
- Alignement : icône à gauche du texte, ou centré avec l’icône au-dessus.
- Taille des icônes : de 12 à 128 pixels (32 px par défaut).
- Couleur des icônes : laissez vide pour hériter de la couleur de texte du thème.
- Une colonne sur mobile : force l’empilement vertical sur les écrans étroits.
Gérer les blocs
Cliquez sur Gérer les blocs de réassurance depuis la page de configuration pour ouvrir la liste des blocs.
Créer un bloc
- Cliquez sur Ajouter un bloc.
- Choisissez une icône dans la grille : paiement sécurisé, carte bancaire, camion de livraison, horloge 24 h, colis, retours, garantie, made in EU, made in France, support, téléphone, chat, cadeau, avis, éco-responsable, monde, satisfaction, promotions.
- Sélectionnez le hook d’affichage (voir ci-dessous).
- Renseignez le titre et le sous-titre dans chaque langue.
- Optionnel : ajoutez une URL par langue pour rendre le bloc entièrement cliquable, par exemple vers votre page CMS de livraison.
- Enregistrez. Le bloc est ajouté en dernière position.
Zones d’affichage disponibles
- Réassurance produit (displayReassurance) : sous le bouton d’achat de la fiche produit — la zone recommandée.
- Page d’accueil (displayHome).
- Sous le header, pleine largeur (displayNavFullWidth).
- Au-dessus du footer (displayFooterBefore) : visible sur tout le site.
- Infos complémentaires produit (displayProductAdditionalInfo).
- Bas du panier (displayShoppingCartFooter).
Réordonner par glisser-déposer
Dans la liste des blocs, saisissez les flèches de la colonne Position et faites glisser la ligne. L’ordre est enregistré automatiquement.
Utilisez le filtre Hook en haut de la colonne pour n’afficher que les blocs d’une zone et réordonner cet emplacement précisément.
Variantes par langue
Chaque bloc porte un titre, un sous-titre et un lien par langue. Deux usages :
- Traduction : renseignez simplement les textes dans chaque onglet de langue.
- Visibilité par langue : laissez le titre vide dans une langue pour masquer le bloc uniquement pour cette langue. Exemple : un badge « Fabriqué en France » avec l’icône hexagone visible seulement en français, et un badge « Made in EU » pour les autres langues.
Le titre est obligatoire uniquement dans la langue par défaut de la boutique. Toutes les autres langues peuvent rester vides.
Multiboutique
En contexte multiboutique, chaque bloc peut être associé à une ou plusieurs boutiques via l’encart Association de boutique du formulaire. Les réglages d’affichage (style, colonnes, couleurs) suivent le contexte de configuration de PrestaShop.
Dépannage
- Les blocs ne s’affichent pas : vérifiez que le bloc est actif, que son hook correspond à une zone réellement rendue par votre thème, et que le titre est renseigné dans la langue consultée.
- La zone Réassurance n’apparaît pas sur la fiche produit : certains thèmes personnalisés n’appellent pas displayReassurance. Utilisez alors displayProductAdditionalInfo ou displayFooterBefore.
- Les icônes sont invisibles ou de la mauvaise couleur : par défaut elles héritent de la couleur du texte. Définissez une couleur explicite dans la configuration si votre thème utilise un texte très clair.
- Le glisser-déposer ne fonctionne pas : assurez-vous que la liste est triée par la colonne Position (tri par défaut).