Dans Magento 2 ou Adobe Commerce, vous créez un bloc CMS contenant le code du widget et le placez sur toutes les fiches produit au moyen d’une instance de widget.
Le code pour Magento / Adobe Commerce
<div data-garantielabel></div>
<script src="https://www.garantielabel.app/widget.js" async></script>Vous réglez les autres options, comme l’affichage et la langue, dans le générateur de code.
Pas à pas dans Magento / Adobe Commerce
- Créer un bloc CMS
Sous Content → Blocks, créez un nouveau bloc et collez le code du widget. À partir de la version 2.4.3, le Page Builder s’ouvre : utilisez-y l’élément « HTML Code ». - Créer le widget
Sous Content → Widgets, créez un widget de type « CMS Static Block » pour votre thème. - Placer
Comme mise à jour de mise en page, choisissez « All Product Types » et indiquez le conteneur « Product View Extra Hint ». Il se trouve sous le bouton d’ajout au panier. - Vider le cache
Enregistrez, videz le cache et vérifiez sur une fiche produit.
Particularités de Magento / Adobe Commerce
- Si la Content Security Policy est active (module Magento_Csp),
www.garantielabel.appdoit figurer dans la liste blanche pour les scripts, les images et les connexions. - Le regroupement et la minification du JavaScript ne doivent pas inclure le script externe.
La notice dans la confirmation de commande
Selon les lignes directrices de la Commission, la notice devrait aussi figurer dans l’e-mail de confirmation. Vous gérez les modèles d’e-mail sous Marketing → Email Templates. Vous pouvez ajouter le graphique officiel en image au modèle « New Order ». Un simple lien ne suffira probablement pas comme support durable (CJUE, affaire C-49/11) ; le plus sûr est de placer la notice directement dans l’e-mail, en image, en texte ou en pièce jointe. Les fichiers officiels se trouvent sur la page de téléchargement.
Garantie du producteur ? Ajoutez le label GARAN
Si le fabricant offre une garantie commerciale de durabilité sans frais, de plus de deux ans et sur l’ensemble du bien, le label GARAN doit en plus figurer sur la fiche produit. Avec le générateur de label GARAN, vous le créez en quelques secondes à partir de la durée, de la marque et du modèle, gratuitement et sans inscription. Sous le label terminé, vous trouvez un code d’intégration avec des adresses d’image permanentes : rien à téléverser, il suffit de l’insérer dans Magento / Adobe Commerce comme ci-dessus.
Vous préférez vos propres fichiers ? Téléversez alors la version complète et la version imbriquée dans la médiathèque de Magento / Adobe Commerce et indiquez leurs adresses dans le code du widget :
<div data-garantielabel
data-garan-voll="https://…/GARAN-MX-500.svg"
data-garan-klein="https://…/GARAN-MX-500-imbrique.svg"></div>Le widget affiche alors la version imbriquée sous la notice sur la garantie légale ; un clic ouvre le label GARAN complet.
Questions fréquentes
Est-ce possible via le XML de mise en page ?
Oui. Les développeurs intègrent le bloc par XML de mise en page dans catalog_product_view.xml.
Cela fonctionne-t-il avec Hyvä ?
Oui. Le widget ne dépend ni de RequireJS ni de Knockout et fonctionne aussi dans les thèmes Hyvä.
Dois-je vider le cache ?
Oui, après avoir créé le widget ; sinon, le bloc n’apparaît que plus tard.