[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"theme-db":3,"$fNYPOfCjcxVzZWKbZEwI0RiHR3SJsUTBrGJR0VWO1Szk":22,"$fKnz2vuX4bZz1LbUTiuFsvSZ3e07l5_5fqNYp4Tzdhi8":66,"megamenu":147,"header-db":203,"footer-db":216,"$fctLBHmdvqpFygAXtpZqFNqUjQ307C7UTB8ufNqL9tp0":232},{"theme":4},{"colors":5,"typography":13,"ui":17,"defaultColorMode":21},{"primary":6,"secondary":7,"background":8,"foreground":9,"muted":10,"headerBg":11,"footerBg":12,"topBarBg":9,"topBarText":11},"#4F46E5","#0D9488","#F9FAFB","#111827","#6B7280","#ffffff","#020617",{"fontFamily":14,"fontUrl":15,"baseFontSize":16},"Inter, system-ui, sans-serif","https:\u002F\u002Ffonts.googleapis.com\u002Fcss2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700&display=swap","16px",{"borderRadius":18,"contentWidth":19,"shadow":20},"lg","7xl",true,"light",{"title":23,"slug":24,"metaDescription":25,"category":26,"tags":27,"difficulty":33,"psVersions":34,"content":38,"faq":39,"tldr":61,"readingTime":62,"generatedAt":63,"publishDate":63,"relatedArticles":64,"sourceCategory":65},"Intégrer et personnaliser Font Awesome dans PrestaShop","integrer-personnaliser-font-awesome-prestashop","Guide complet pour intégrer Font Awesome dans PrestaShop : icônes via CSS, mise à jour vers Font Awesome 6, optimisation des performances et bonnes pratiques.","design",[28,29,30,31,32],"font-awesome","icones","css","performance","webfonts","intermediaire",[35,36,37],"1.6","1.7","8.x","\u003Ch2>Pourquoi utiliser Font Awesome plutôt que des images\u003C\u002Fh2>\n\u003Cp>Font Awesome est une bibliothèque d'icônes vectorielles rendues via une police de caractères (ou des SVG). Son principal avantage par rapport aux images classiques est \u003Cstrong>la performance\u003C\u002Fstrong> : une seule police remplace des dizaines de fichiers PNG ou SVG individuels, réduisant les requêtes HTTP et le poids total de la page.\u003C\u002Fp>\n\u003Cp>Les icônes Font Awesome sont :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Vectorielles** : elles s'adaptent à toutes les tailles d'écran sans perte de qualité\u003C\u002Fli>\n\u003Cli>**Stylables en CSS** : couleur, taille, ombre, animation — tout se contrôle via les propriétés CSS habituelles\u003C\u002Fli>\n\u003Cli>**Légères** : un seul fichier de police pour des centaines d'icônes\u003C\u002Fli>\n\u003Cli>**Accessibles** : possibilité d'ajouter des attributs `aria-hidden` et des labels pour les lecteurs d'écran\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Utiliser une icône Font Awesome via CSS (méthode pseudo-élément)\u003C\u002Fh2>\n\u003Cp>La méthode la plus souple pour afficher une icône Font Awesome dans PrestaShop consiste à utiliser un pseudo-élément CSS \u003Ccode>::before\u003C\u002Fcode> ou \u003Ccode>::after\u003C\u002Fcode>. Cette approche ne nécessite aucune modification des fichiers de template.\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n.mon-element::before {\n    font-family: \"FontAwesome\";\n    content: \"\\f003\"; \u002F* Code Unicode de l'icône souhaitée *\u002F\n    font-size: 16px;\n    color: rgba(0, 0, 0, 0.39);\n    margin-right: 5px;\n    font-weight: normal;\n    font-style: normal;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Comment trouver le code Unicode d'une icône\u003C\u002Fh3>\n\u003Cp>Chaque icône Font Awesome possède un code Unicode unique. Pour le trouver :\u003C\u002Fp>\n\u003Col>\n\u003Cli>Rendez-vous sur le [site officiel Font Awesome](https:\u002F\u002Ffontawesome.com\u002Ficons)\u003C\u002Fli>\n\u003Cli>Recherchez l'icône souhaitée (par exemple `envelope`, `graduation-cap`, `shopping-cart`)\u003C\u002Fli>\n\u003Cli>Sur la page de l'icône, repérez le code Unicode affiché (par exemple `f003` pour l'enveloppe)\u003C\u002Fli>\n\u003Cli>Dans votre CSS, préfixez-le d'un antislash : `content: \"\\f003\";`\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Exemples d'icônes courantes pour le e-commerce\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Panier *\u002F\n.cart-icon::before {\n    font-family: \"FontAwesome\";\n    content: \"\\f07a\";\n}\n\n\u002F* Utilisateur \u002F Mon compte *\u002F\n.account-icon::before {\n    font-family: \"FontAwesome\";\n    content: \"\\f007\";\n}\n\n\u002F* Recherche *\u002F\n.search-icon::before {\n    font-family: \"FontAwesome\";\n    content: \"\\f002\";\n}\n\n\u002F* Téléphone *\u002F\n.phone-icon::before {\n    font-family: \"FontAwesome\";\n    content: \"\\f095\";\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Charger ou mettre à jour Font Awesome dans votre thème\u003C\u002Fh2>\n\u003Cp>PrestaShop 1.6 et 1.7 intègrent nativement Font Awesome 4.x. Si vous avez besoin d'une version plus récente ou si votre thème personnalisé ne charge pas la police, il faut déclarer la \u003Ccode>@font-face\u003C\u002Fcode> manuellement.\u003C\u002Fp>\n\u003Ch3>Déclaration @font-face (Font Awesome 4.x)\u003C\u002Fh3>\n\u003Cp>Dans le fichier CSS principal de votre thème (ou un fichier CSS dédié), ajoutez :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n@font-face {\n    font-family: 'FontAwesome';\n    src: url('..\u002Ffonts\u002Ffontawesome-webfont.eot');\n    src: url('..\u002Ffonts\u002Ffontawesome-webfont.eot?#iefix') format('embedded-opentype'),\n         url('..\u002Ffonts\u002Ffontawesome-webfont.woff2') format('woff2'),\n         url('..\u002Ffonts\u002Ffontawesome-webfont.woff') format('woff'),\n         url('..\u002Ffonts\u002Ffontawesome-webfont.ttf') format('truetype'),\n         url('..\u002Ffonts\u002Ffontawesome-webfont.svg#fontawesomeregular') format('svg');\n    font-weight: normal;\n    font-style: normal;\n    font-display: swap; \u002F* Évite le FOIT (Flash of Invisible Text) *\u002F\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>Important :\u003C\u002Fstrong> Vérifiez que le chemin \u003Ccode>..\u002Ffonts\u002F\u003C\u002Fcode> correspond bien à l'emplacement réel des fichiers de police dans votre thème. L'arborescence type est :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-\">\nthemes\u002Fvotre-theme\u002F\n├── assets\u002F\n│   ├── css\u002F\n│   │   └── custom.css\n│   └── fonts\u002F\n│       ├── fontawesome-webfont.woff2\n│       ├── fontawesome-webfont.woff\n│       └── fontawesome-webfont.ttf\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Mise à jour vers Font Awesome 6 (recommandé en 2025)\u003C\u002Fh2>\n\u003Cp>Font Awesome a considérablement évolué depuis la version 4. Sur PrestaShop 8.x, il est recommandé de migrer vers Font Awesome 6 pour bénéficier de milliers d'icônes supplémentaires et d'un poids réduit.\u003C\u002Fp>\n\u003Ch3>Méthode 1 : Via CDN (rapide)\u003C\u002Fh3>\n\u003Cp>Dans votre fichier \u003Ccode>themes\u002Fvotre-theme\u002Ftemplates\u002F_partials\u002Fhead.tpl\u003C\u002Fcode> :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<link rel=\"stylesheet\" href=\"https:\u002F\u002Fcdnjs.cloudflare.com\u002Fajax\u002Flibs\u002Ffont-awesome\u002F6.5.1\u002Fcss\u002Fall.min.css\" \n      integrity=\"sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==\" \n      crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \u002F>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Méthode 2 : En local (recommandé pour la performance)\u003C\u002Fh3>\n\u003Cp>Téléchargez Font Awesome 6 depuis le site officiel, puis enregistrez-le dans votre thème via le fichier \u003Ccode>themes\u002Fvotre-theme\u002Fassets\u002Fjs\u002Ftheme.js\u003C\u002Fcode> :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-php\">\n\u002F\u002F Dans votre fichier themes\u002Fvotre-theme\u002Fconfig\u002Ftheme.yml\nassets:\n  css:\n    all:\n      - id: font-awesome\n        path: assets\u002Fcss\u002Ffontawesome\u002Fall.min.css\n        priority: 100\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Attention aux changements de nommage\u003C\u002Fh3>\n\u003Cp>En Font Awesome 6, le \u003Ccode>font-family\u003C\u002Fcode> a changé :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Font Awesome 4 *\u002F\nfont-family: \"FontAwesome\";\n\n\u002F* Font Awesome 6 - Icônes solid *\u002F\nfont-family: \"Font Awesome 6 Free\";\nfont-weight: 900;\n\n\u002F* Font Awesome 6 - Icônes regular *\u002F\nfont-family: \"Font Awesome 6 Free\";\nfont-weight: 400;\n\n\u002F* Font Awesome 6 - Icônes brands *\u002F\nfont-family: \"Font Awesome 6 Brands\";\nfont-weight: 400;\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Optimiser les performances\u003C\u002Fh2>\n\u003Cp>Charger l'intégralité de Font Awesome pour n'utiliser que 10 icônes est un gaspillage. Voici les bonnes pratiques :\u003C\u002Fp>\n\u003Ch3>1. Ne charger que les styles nécessaires\u003C\u002Fh3>\n\u003Cp>Font Awesome 6 sépare ses fichiers CSS par famille. Si vous n'utilisez que des icônes \u003Ccode>solid\u003C\u002Fcode>, ne chargez que \u003Ccode>solid.min.css\u003C\u002Fcode> au lieu de \u003Ccode>all.min.css\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch3>2. Utiliser le subsetting avec Font Awesome Kits\u003C\u002Fh3>\n\u003Cp>Le site officiel propose des \"Kits\" qui ne contiennent que les icônes que vous utilisez réellement. C'est la solution la plus performante.\u003C\u002Fp>\n\u003Ch3>3. Passer aux SVG individuels\u003C\u002Fh3>\n\u003Cp>Pour un nombre limité d'icônes (moins de 15), préférez des SVG inline plutôt que de charger toute une police. Dans PrestaShop 8.x avec un thème moderne :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<svg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" viewBox=\"0 0 512 512\" width=\"16\" height=\"16\">\n    <path fill=\"currentColor\" d=\"M502.3 190.8c3.9-3.1...\" \u002F>\n<\u002Fsvg>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>4. Ajouter font-display: swap\u003C\u002Fh3>\n\u003Cp>Toujours inclure \u003Ccode>font-display: swap\u003C\u002Fcode> dans votre déclaration \u003Ccode>@font-face\u003C\u002Fcode> pour éviter que le texte soit invisible pendant le chargement de la police.\u003C\u002Fp>\n\u003Ch2>Où placer vos personnalisations CSS dans PrestaShop 8.x\u003C\u002Fh2>\n\u003Cp>Évitez de modifier directement les fichiers du thème par défaut. Privilégiez :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Thème enfant** : créez un thème enfant et surchargez uniquement le CSS nécessaire\u003C\u002Fli>\n\u003Cli>**Module custom** : un petit module qui injecte un fichier CSS via le hook `displayHeader`\u003C\u002Fli>\n\u003Cli>**Back-office** : dans **Apparence > Thème et logo > Personnalisation avancée**, certains thèmes proposent un champ CSS personnalisé\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cpre>\u003Ccode class=\"language-php\">\n\u002F\u002F Exemple : module qui charge un CSS personnalisé\npublic function hookDisplayHeader()\n{\n    $this->context->controller->registerStylesheet(\n        'mon-module-fontawesome',\n        'modules\u002Fmon_module\u002Fviews\u002Fcss\u002Fcustom-icons.css',\n        ['media' => 'all', 'priority' => 200]\n    );\n}\n\u003C\u002Fcode>\u003C\u002Fpre>",[40,43,46,49,52,55,58],{"q":41,"a":42},"Comment ajouter une icône Font Awesome sans modifier les templates PrestaShop ?","Utilisez un pseudo-élément CSS ::before sur la classe de votre choix. Déclarez font-family: \"FontAwesome\" (v4) ou \"Font Awesome 6 Free\" (v6), puis indiquez le code Unicode de l'icône dans la propriété content (par exemple content: \"\\f003\"). Aucune modification de fichier .tpl n'est nécessaire.",{"q":44,"a":45},"Où trouver le code Unicode d'une icône Font Awesome ?","Rendez-vous sur fontawesome.com\u002Ficons, recherchez l'icône souhaitée, puis repérez le code Unicode affiché sur sa page (par exemple f007 pour l'icône utilisateur). Dans votre CSS, préfixez ce code d'un antislash : content: \"\\f007\".",{"q":47,"a":48},"Font Awesome ralentit-il mon site PrestaShop ?","Font Awesome est généralement plus performant que des images individuelles car il réduit le nombre de requêtes HTTP. Cependant, charger l'intégralité de la bibliothèque pour quelques icônes peut être contre-productif. Optimisez en ne chargeant que les familles nécessaires (solid, regular, brands), en utilisant un Kit personnalisé, ou en passant à des SVG inline si vous n'utilisez que quelques icônes.",{"q":50,"a":51},"Comment mettre à jour Font Awesome 4 vers Font Awesome 6 dans PrestaShop ?","Téléchargez Font Awesome 6 depuis le site officiel, placez les fichiers dans votre thème (assets\u002Fcss\u002Ffontawesome\u002F), puis déclarez le nouveau CSS dans theme.yml. Attention : le font-family change de \"FontAwesome\" à \"Font Awesome 6 Free\" et certains codes Unicode ont évolué. Vérifiez chaque icône utilisée dans vos templates et CSS personnalisés.",{"q":53,"a":54},"Quelle est la différence entre Font Awesome Free et Pro dans PrestaShop ?","Font Awesome Free contient environ 2 000 icônes dans les styles solid et regular, suffisants pour la plupart des boutiques. La version Pro ajoute des milliers d'icônes supplémentaires, les styles light, thin et duotone, ainsi que des icônes spécifiques au e-commerce. La version Free est largement suffisante pour un usage standard.",{"q":56,"a":57},"Font Awesome est-il compatible avec tous les thèmes PrestaShop ?","Oui, Font Awesome fonctionne avec tous les thèmes PrestaShop. Le thème par défaut (classic) inclut déjà Font Awesome 4.x. Pour les thèmes tiers, vérifiez s'il est déjà chargé avant de l'ajouter (risque de conflit si deux versions coexistent). Inspectez le code source de votre page pour détecter une éventuelle double inclusion.",{"q":59,"a":60},"Comment éviter le flash d'icônes manquantes au chargement de la page ?","Ajoutez font-display: swap dans la déclaration @font-face de Font Awesome. Cela affiche un texte de remplacement pendant le chargement de la police, évitant le FOIT (Flash of Invisible Text). Pour aller plus loin, utilisez la directive preload dans votre balise head : \u003Clink rel=\"preload\" href=\"chemin\u002Ffontawesome.woff2\" as=\"font\" type=\"font\u002Fwoff2\" crossorigin>.","Pour intégrer des icônes Font Awesome dans PrestaShop, utilisez les pseudo-éléments CSS ::before avec le code Unicode de l'icône — aucune modification de template requise. En 2025, privilégiez Font Awesome 6 en local avec font-display: swap pour des performances optimales.",5,"2026-03-21T15:16:39.000Z",[],"PrestaShop pour les développeurs",{"columns":67},[68,84,114,135],{"title":69,"links":70},"Plateforme",[71,75,78,81],{"label":72,"href":73,"external":74},"Offre Starter (2 500 €)","\u002Foffre-starter",false,{"label":76,"href":77,"external":74},"Devenir Ambassadeur","\u002Fambassadeur",{"label":79,"href":80,"external":74},"Modules PrestaShop","\u002Fmodules",{"label":82,"href":83,"external":20},"CodeMyShop.com","https:\u002F\u002Fcodemyshop.com",{"title":85,"links":86},"Le Synedre",[87,90,93,96,99,102,105,108,111],{"label":88,"href":89,"external":74},"L'histoire","\u002Fsynedre",{"label":91,"href":92,"external":74},"Constitution","\u002Fsynedre\u002Fconstitution",{"label":94,"href":95,"external":74},"L'équipe","\u002Fequipe",{"label":97,"href":98,"external":74},"Le réacteur en direct","\u002Freacteur",{"label":100,"href":101,"external":74},"Le Drill (entraînement)","\u002Fdrill",{"label":103,"href":104,"external":74},"Protocole de réunion","\u002Fsynedre\u002Freunion",{"label":106,"href":107,"external":74},"Les agents IA","\u002Fagents-ia",{"label":109,"href":110,"external":74},"La Conduite","\u002Fsynedre\u002Fconduite",{"label":112,"href":113,"external":74},"Charte plateforme","\u002Fsynedre\u002Fcharte",{"title":115,"links":116},"Ressources",[117,120,123,126,129,132],{"label":118,"href":119,"external":74},"Blog","\u002Fblog",{"label":121,"href":122,"external":74},"Academy","\u002Facademy",{"label":124,"href":125,"external":74},"Dictionnaire","\u002Fdictionnaire",{"label":127,"href":128,"external":74},"Expertise PrestaShop","\u002Fexpertise",{"label":130,"href":131,"external":74},"Flywheel","\u002Fflywheel",{"label":133,"href":134,"external":74},"Manifeste","\u002Fmanifeste",{"title":136,"links":137},"À propos",[138,141,144],{"label":139,"href":140,"external":74},"Alexandre Carette","\u002Fa-propos",{"label":142,"href":143,"external":74},"Dossier de presse","\u002Fpresse",{"label":145,"href":146,"external":74},"Contact","\u002Fcontact",{"items":148},[149,158,164,170,178,186,191,197],{"id":150,"type":151,"label":152,"href":128,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":155,"children":156,"psChildren":157},41,"link",{"fr":153},"Expertise",null,0,[],[],{"id":159,"type":151,"label":160,"href":119,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":161,"children":162,"psChildren":163},42,{"fr":118},1,[],[],{"id":165,"type":151,"label":166,"href":80,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":167,"children":168,"psChildren":169},43,{"fr":79},2,[],[],{"id":171,"type":151,"label":172,"href":174,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":175,"children":176,"psChildren":177},44,{"fr":173},"Outils IA","\u002Foutils-ia",3,[],[],{"id":179,"type":151,"label":180,"href":73,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":182,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":183,"children":184,"psChildren":185},45,{"fr":181},"Offre Starter ✨",{"highlight":20},4,[],[],{"id":187,"type":151,"label":188,"href":122,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":62,"children":189,"psChildren":190},46,{"fr":121},[],[],{"id":192,"type":151,"label":193,"href":140,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":194,"children":195,"psChildren":196},47,{"fr":136},6,[],[],{"id":198,"type":151,"label":199,"href":146,"icon":154,"description":154,"badge":154,"groupTitle":154,"style":154,"gridColumns":154,"cssClass":154,"psCategoryId":154,"showPsChildren":74,"position":200,"children":201,"psChildren":202},48,{"fr":145},7,[],[],{"header":204},{"logo":205,"topBar":210,"contactEmail":213,"features":214,"navBar":154},{"src":206,"alt":207,"text":139,"href":208,"class":209},"\u002Flogo-ac.svg","Alexandre Carette — Architecte E-commerce Souverain","\u002F","h-10 w-10",{"message":154,"showLanguages":74,"align":211,"languages":212},"left",[],"contact@alexandrecarette.fr",{"showSearch":74,"showWishlist":74,"showLogin":20,"showContact":74,"showCart":74,"stickyHeader":20,"headerLayout":215},"inline",{"footer":217},{"theme":218,"description":154,"hours":154,"logo":219,"contact":220,"social":221,"bottomBar":231},"dark",{"src":206,"href":208,"alt":139},{"email":154,"phone":154,"address":154,"cta":154},[222,225,228],{"platform":223,"href":224,"label":223},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Falexandre-carette\u002F",{"platform":226,"href":227,"label":226},"malt","https:\u002F\u002Fwww.malt.fr\u002Fprofile\u002Falexandrecarette",{"platform":229,"href":230,"label":229},"github","https:\u002F\u002Fgithub.com\u002Fprest4cafe",{"copyright":154},{"academy":233,"blog":234,"expertise":245},[],[235,239,242],{"title":236,"url":237,"score":161,"type":238},"PrestaShop headless avec Nuxt 3 : pourquoi séparer back et front","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-separation-front-back","blog",{"title":240,"url":241,"score":161,"type":238},"PrestaShop headless : Nuxt 3, pas Next.js — le choix souverain","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-nextjs-souverainete",{"title":243,"url":244,"score":161,"type":238},"Sylius rachète PrestaShop : ce que ça change pour vous","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fsylius-rachat-prestashop-headless-souverainete",[]]