Dans Shopware 6, vous placez l’emplacement réservé dans la mise en page de la fiche produit via les « Erlebniswelten » (Shopping Experiences). Vous chargez le script via le thème ou une extension pour scripts personnalisés, car depuis Shopware 6.5 l’éditeur supprime les scripts des éléments de texte.
Le code pour Shopware 6
<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 Shopware 6
- Ouvrir la mise en page
Dans l’administration, sous « Inhalte → Erlebniswelten » (en anglais : Content → Shopping Experiences), ouvrez la mise en page de vos fiches produit ou créez-en une de type « Produktseite » (Product page). - Insérer l’emplacement
Sous la zone d’achat, insérez un bloc avec un élément de texte, passez en vue code source et collez<div data-garantielabel></div>. - Charger le script
Intégrez la ligne contenantwidget.jsvia le thème (par exemple dansbase.html.twig) ou une extension pour scripts personnalisés, puis enregistrez la mise en page et attribuez-la aux produits. - Variante dans le thème
Les développeurs étendent dans leur propre thème le modèle de la zone d’achat (buy-widget.html.twig) avec l’emplacement et intègrent le script dans l’en-tête du modèle.
Particularités de Shopware 6
- À partir de la version 6.5, Shopware filtre les scripts dans l’élément de texte (HTML Sanitizer). On ne peut le désactiver que sur les boutiques auto-hébergées ; dans Shopware Cloud, il reste le thème ou une extension.
- Avec une Content Security Policy personnalisée,
www.garantielabel.appdoit être autorisé pour les scripts, les images et les connexions.
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. Dans Shopware, vous modifiez les modèles d’e-mail sous « Einstellungen → E-Mail-Templates » (en anglais : Settings → Email templates). Vous pouvez ajouter le graphique officiel en image au modèle de la confirmation de commande. 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 Shopware 6 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 Shopware 6 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 aussi avec Shopware 5 ?
Oui, via un élément de « Einkaufswelt » (monde d’achat) ou le fichier de modèle de la page de détail. Shopware 5 n’est toutefois plus pris en charge depuis juillet 2024.
Dois-je le faire pour chaque produit ?
Non. Dans la mise en page de la fiche produit, le code s’applique à tous les produits auxquels cette mise en page est attribuée.
Cela perturbe-t-il la zone d’achat ?
Non. Le widget dessine uniquement dans son emplacement et ne modifie rien en dehors.