[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"theme-db":3,"$f3-hS7bc0VY3MKz7ihtkTs2wWq2rsYRsKZRtuK7j5X4M":22,"megamenu":65,"$fKnz2vuX4bZz1LbUTiuFsvSZ3e07l5_5fqNYp4Tzdhi8":134,"footer-db":202,"$fhfFtAwoMJOXwbQ011QuMFbaAxmWxpVMvd5RkHJCNeH8":220,"header-db":234},{"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":35,"psVersions":36,"content":40,"faq":41,"tldr":60,"readingTime":61,"generatedAt":62,"publishDate":62,"relatedArticles":63,"sourceCategory":64},"Personnaliser les couleurs de fond et du menu dans PrestaShop","personnaliser-couleur-fond-menu-prestashop","Guide complet pour modifier la couleur de fond du thème et du menu horizontal PrestaShop. CSS, inspecteur, CCC et bonnes pratiques pour PS 1.6 à 8.x.","design",[28,29,30,31,32,33,34],"css","thème","personnalisation","menu","couleur de fond","CCC","inspecteur navigateur","debutant",[37,38,39],"1.6","1.7","8.x","\u003Ch2>Introduction\u003C\u002Fh2>\n\u003Cp>Modifier les couleurs de fond du thème et du menu de navigation fait partie des premières personnalisations que réalise tout marchand PrestaShop. L'opération est simple en apparence, mais un piège classique empêche beaucoup de débutants de voir leurs modifications : le système de cache CSS intégré à PrestaShop. Voyons comment procéder méthodiquement, de la désactivation du cache jusqu'à la mise en production.\u003C\u002Fp>\n\u003Ch2>Étape 1 : Désactiver la concaténation CSS (CCC)\u003C\u002Fh2>\n\u003Cp>Avant toute modification CSS, il est impératif de désactiver le système CCC (Concaténation, Compression et mise en Cache) de PrestaShop. Ce mécanisme fusionne et minifie tous les fichiers CSS en un seul fichier optimisé. En phase de développement, cela rend le débogage quasi impossible puisque les fichiers originaux ne sont plus chargés par le navigateur.\u003C\u002Fp>\n\u003Ch3>Sur PrestaShop 1.6\u003C\u002Fh3>\n\u003Cp>Rendez-vous dans \u003Cstrong>Back Office → Paramètres avancés → Performance\u003C\u002Fstrong> et désactivez les options suivantes dans la section CCC :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Concaténation des fichiers CSS\u003C\u002Fli>\n\u003Cli>Compression des fichiers CSS\u003C\u002Fli>\n\u003Cli>Mise en cache\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Sur PrestaShop 1.7 et 8.x\u003C\u002Fh3>\n\u003Cp>Accédez à \u003Cstrong>Back Office → Paramètres avancés → Performances\u003C\u002Fstrong> et basculez les options suivantes sur « Non » :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Concaténer les fichiers CSS** : Non\u003C\u002Fli>\n\u003Cli>**Minifier les fichiers CSS** : Non\u003C\u002Fli>\n\u003Cli>**Utiliser le cache** : Non (optionnel mais recommandé pendant le développement)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cblockquote>\u003Cp>\u003Cstrong>Important :\u003C\u002Fstrong> N'oubliez pas de vider le cache de PrestaShop après chaque modification de ces paramètres. Un simple clic sur le bouton « Vider le cache » dans la même page suffit.\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Ch2>Étape 2 : Identifier les sélecteurs CSS avec l'inspecteur\u003C\u002Fh2>\n\u003Cp>L'inspecteur intégré aux navigateurs modernes est votre meilleur allié. Faites un clic droit sur l'élément à modifier, puis sélectionnez \u003Cstrong>Inspecter\u003C\u002Fstrong> (Chrome) ou \u003Cstrong>Examiner l'élément\u003C\u002Fstrong> (Firefox).\u003C\u002Fp>\n\u003Cp>L'inspecteur vous révèle :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Le **sélecteur CSS exact** appliqué à l'élément\u003C\u002Fli>\n\u003Cli>Le **fichier source** et le **numéro de ligne** correspondant\u003C\u002Fli>\n\u003Cli>La **cascade de styles** qui s'applique, du plus prioritaire au moins prioritaire\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Grâce à la désactivation du CCC à l'étape précédente, les chemins de fichiers affichés dans l'inspecteur pointent vers les vrais fichiers sources, et non vers les fichiers concaténés du cache.\u003C\u002Fp>\n\u003Ch3>Astuce : tester en temps réel\u003C\u002Fh3>\n\u003Cp>Dans le panneau « Styles » de l'inspecteur, vous pouvez modifier n'importe quelle propriété CSS en direct. Ces modifications sont temporaires (elles disparaissent au rechargement), mais elles permettent de valider visuellement un changement avant de l'appliquer dans le code.\u003C\u002Fp>\n\u003Ch2>Étape 3 : Modifier la couleur de fond du thème\u003C\u002Fh2>\n\u003Ch3>Sur PrestaShop 1.6 (thème par défaut)\u003C\u002Fh3>\n\u003Cp>Le fichier principal à modifier est \u003Ccode>global.css\u003C\u002Fcode>, situé dans le répertoire de votre thème :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-\">\n\u002Fthemes\u002Fvotre-theme\u002Fcss\u002Fglobal.css\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Recherchez le sélecteur \u003Ccode>.columns-container\u003C\u002Fcode> qui contrôle le fond de la zone de contenu, et \u003Ccode>#header\u003C\u002Fcode> pour l'en-tête :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Couleur de fond de la zone de contenu *\u002F\n.columns-container {\n  background-color: #f5f5f5; \u002F* Gris clair — remplacez par votre couleur *\u002F\n}\n\n\u002F* Couleur de fond de l'en-tête *\u002F\n#header {\n  background-color: #2c3e50; \u002F* Bleu foncé — remplacez par votre couleur *\u002F\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Sur PrestaShop 1.7 et 8.x (thème Classic)\u003C\u002Fh3>\n\u003Cp>La structure a changé. Le thème Classic utilise des fichiers SCSS compilés. Le fichier CSS principal se trouve ici :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-\">\n\u002Fthemes\u002Fclassic\u002Fassets\u002Fcss\u002Ftheme.css\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Mais la bonne pratique consiste à créer un \u003Cstrong>thème enfant\u003C\u002Fstrong> et à surcharger les styles. Voici les sélecteurs équivalents :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Fond général du body *\u002F\nbody {\n  background-color: #f8f9fa;\n}\n\n\u002F* Fond de l'en-tête *\u002F\n#header {\n  background-color: #2c3e50;\n}\n\n\u002F* Fond du wrapper de contenu *\u002F\n#wrapper {\n  background-color: #ffffff;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Si vous utilisez un thème enfant avec SCSS (recommandé), modifiez les variables dans \u003Ccode>_custom-variables.scss\u003C\u002Fcode> :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-scss\">\n$brand-primary: #2c3e50;\n$body-bg: #f8f9fa;\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Étape 4 : Personnaliser la couleur du menu horizontal\u003C\u002Fh2>\n\u003Ch3>Sur PrestaShop 1.6\u003C\u002Fh3>\n\u003Cp>Le module \u003Ccode>blocktopmenu\u003C\u002Fcode> gère le menu principal. Son fichier CSS se trouve dans le répertoire du thème :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-\">\n\u002Fthemes\u002Fvotre-theme\u002Fcss\u002Fmodules\u002Fblocktopmenu\u002Fcss\u002Fsuperfish-modified.css\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Recherchez le sélecteur \u003Ccode>.sf-menu\u003C\u002Fcode> :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n.sf-menu {\n  background-color: #34495e; \u002F* Couleur de fond du menu *\u002F\n}\n\n\u002F* Couleur des liens du menu *\u002F\n.sf-menu > li > a {\n  color: #ffffff;\n}\n\n\u002F* Survol des liens *\u002F\n.sf-menu > li > a:hover,\n.sf-menu > li.sfHover > a {\n  background-color: #2c3e50;\n  color: #ecf0f1;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Sur PrestaShop 1.7 et 8.x\u003C\u002Fh3>\n\u003Cp>Le module se nomme désormais \u003Ccode>ps_mainmenu\u003C\u002Fcode>. Les styles se trouvent dans :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-\">\n\u002Fmodules\u002Fps_mainmenu\u002Fcss\u002F\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Ou mieux, surchargez-les dans votre thème enfant :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Menu principal *\u002F\n#_desktop_top_menu .top-menu {\n  background-color: #2c3e50;\n}\n\n#_desktop_top_menu .top-menu > li > a {\n  color: #ffffff;\n  padding: 10px 15px;\n}\n\n#_desktop_top_menu .top-menu > li > a:hover {\n  background-color: #34495e;\n}\n\n\u002F* Sous-menus déroulants *\u002F\n#_desktop_top_menu .sub-menu {\n  background-color: #ffffff;\n  border-top: 3px solid #2c3e50;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Étape 5 : Réactiver le CCC pour la production\u003C\u002Fh2>\n\u003Cp>Une fois toutes vos modifications validées visuellement, retournez dans \u003Cstrong>Paramètres avancés → Performances\u003C\u002Fstrong> et réactivez :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>La concaténation des fichiers CSS\u003C\u002Fli>\n\u003Cli>La minification CSS\u003C\u002Fli>\n\u003Cli>Le cache Smarty (si vous l'aviez désactivé)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Videz ensuite le cache pour que PrestaShop régénère les fichiers concaténés avec vos nouvelles modifications.\u003C\u002Fp>\n\u003Cblockquote>\u003Cp>\u003Cstrong>Rappel :\u003C\u002Fstrong> Le CCC améliore significativement les performances en réduisant le nombre de requêtes HTTP. Un site en production doit toujours avoir ces optimisations activées.\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Ch2>Bonnes pratiques\u003C\u002Fh2>\n\u003Ch3>Utiliser un thème enfant\u003C\u002Fh3>\n\u003Cp>Ne modifiez jamais directement les fichiers du thème par défaut. Lors d'une mise à jour de PrestaShop ou du thème, vos modifications seraient écrasées. Créez un thème enfant qui hérite du thème parent et ne contient que vos surcharges.\u003C\u002Fp>\n\u003Ch3>Choisir les bonnes couleurs\u003C\u002Fh3>\n\u003Cp>Pour un résultat professionnel, respectez ces principes :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Contraste suffisant** : utilisez un outil comme WebAIM Contrast Checker pour vérifier que le texte reste lisible (ratio minimum 4.5:1)\u003C\u002Fli>\n\u003Cli>**Cohérence** : limitez votre palette à 2-3 couleurs principales\u003C\u002Fli>\n\u003Cli>**Notation** : préférez les codes hexadécimaux (`#2c3e50`) ou les variables CSS pour la maintenabilité\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Utiliser les variables CSS (PrestaShop 8.x)\u003C\u002Fh3>\n\u003Cp>Sur les versions modernes, privilégiez les propriétés personnalisées CSS :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n:root {\n  --ps-header-bg: #2c3e50;\n  --ps-menu-bg: #34495e;\n  --ps-content-bg: #f8f9fa;\n  --ps-text-on-dark: #ffffff;\n}\n\n#header {\n  background-color: var(--ps-header-bg);\n}\n\n.top-menu {\n  background-color: var(--ps-menu-bg);\n}\n\n.top-menu a {\n  color: var(--ps-text-on-dark);\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Cette approche centralise vos couleurs et facilite les modifications futures.\u003C\u002Fp>\n\u003Ch2>Résolution des problèmes courants\u003C\u002Fh2>\n\u003Ch3>Mes modifications ne s'affichent pas\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Vérifiez que le CCC est bien désactivé\u003C\u002Fli>\n\u003Cli>Videz le cache de PrestaShop (Paramètres avancés → Performances → Vider le cache)\u003C\u002Fli>\n\u003Cli>Videz le cache de votre navigateur (Ctrl+Maj+Suppr)\u003C\u002Fli>\n\u003Cli>Vérifiez qu'un autre sélecteur CSS plus spécifique ne surcharge pas votre règle (utilisez l'inspecteur)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Ma couleur est appliquée partiellement\u003C\u002Fh3>\n\u003Cp>Certains modules injectent leurs propres styles qui prennent la priorité. Utilisez l'inspecteur pour identifier le sélecteur concurrent et augmentez la spécificité de votre règle :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Spécificité augmentée si nécessaire *\u002F\nbody #header .header-nav {\n  background-color: #2c3e50 !important;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cblockquote>\u003Cp>\u003Cstrong>Attention :\u003C\u002Fstrong> L'utilisation de \u003Ccode>!important\u003C\u002Fcode> doit rester un dernier recours. Préférez toujours augmenter la spécificité naturelle du sélecteur.\u003C\u002Fp>\u003C\u002Fblockquote>",[42,45,48,51,54,57],{"q":43,"a":44},"Pourquoi mes modifications CSS ne s'affichent pas sur PrestaShop ?","Dans la majorité des cas, le système CCC (Concaténation, Compression et mise en Cache) de PrestaShop est activé et sert une version mise en cache des fichiers CSS. Désactivez ces options dans Paramètres avancés → Performances, puis videz le cache de PrestaShop et de votre navigateur. Vos modifications apparaîtront immédiatement.",{"q":46,"a":47},"Faut-il modifier le CSS directement dans le thème PrestaShop par défaut ?","Non, il est fortement déconseillé de modifier les fichiers du thème par défaut (Classic ou default-bootstrap). Créez un thème enfant qui hérite du thème parent. Ainsi, vos personnalisations survivront aux mises à jour de PrestaShop et du thème. Sur PrestaShop 8.x, un thème enfant ne nécessite que quelques fichiers : theme.yml, preview.png et votre fichier CSS de surcharge.",{"q":49,"a":50},"Comment personnaliser la couleur du menu horizontal sur PrestaShop 8.x ?","Le menu principal est géré par le module ps_mainmenu (anciennement blocktopmenu sur PS 1.6). Ciblez les sélecteurs #_desktop_top_menu .top-menu pour le fond du menu et #_desktop_top_menu .top-menu > li > a pour les liens. Placez vos modifications dans le CSS de votre thème enfant pour une meilleure maintenabilité.",{"q":52,"a":53},"Qu'est-ce que le CCC dans PrestaShop et quand l'activer ?","CCC signifie Concaténation, Compression et mise en Cache. Ce système fusionne tous vos fichiers CSS (et JavaScript) en un seul fichier minifié pour réduire le nombre de requêtes HTTP et accélérer le chargement. Il doit être désactivé pendant le développement (pour déboguer facilement) et réactivé impérativement avant la mise en production.",{"q":55,"a":56},"Comment utiliser l'inspecteur du navigateur pour identifier les bons sélecteurs CSS PrestaShop ?","Faites un clic droit sur l'élément à modifier et choisissez Inspecter. Le panneau Styles affiche tous les sélecteurs CSS appliqués, avec le fichier source et le numéro de ligne. Vous pouvez modifier les valeurs en direct pour tester visuellement avant de reporter les changements dans vos fichiers. Assurez-vous que le CCC est désactivé pour voir les vrais chemins de fichiers.",{"q":58,"a":59},"Comment changer la couleur de fond de l'en-tête PrestaShop sans casser le responsive ?","Ciblez le sélecteur #header avec une propriété background-color. Évitez les dimensions fixes et les propriétés qui interfèrent avec le positionnement. Sur mobile, vérifiez que le header-nav (menu burger) hérite correctement de votre couleur en inspectant les styles sous un viewport réduit (mode responsive de l'inspecteur). Testez systématiquement sur mobile avant de valider.","Pour modifier les couleurs de fond et du menu PrestaShop, désactivez d'abord le CCC (cache CSS) dans les paramètres de performance, identifiez les bons sélecteurs avec l'inspecteur du navigateur, appliquez vos styles dans un thème enfant, puis réactivez le CCC pour la production.",6,"2026-03-21T16:00:29.000Z",[],"Utilisation de PrestaShop : configuration et difficultés",{"items":66},[67,78,86,94,102,111,119,126],{"id":68,"type":69,"label":70,"href":72,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":75,"children":76,"psChildren":77},41,"link",{"fr":71},"Expertise","\u002Fexpertise",null,false,0,[],[],{"id":79,"type":69,"label":80,"href":82,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":83,"children":84,"psChildren":85},42,{"fr":81},"Blog","\u002Fblog",1,[],[],{"id":87,"type":69,"label":88,"href":90,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":91,"children":92,"psChildren":93},43,{"fr":89},"Modules PrestaShop","\u002Fmodules",2,[],[],{"id":95,"type":69,"label":96,"href":98,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":99,"children":100,"psChildren":101},44,{"fr":97},"Outils IA","\u002Foutils-ia",3,[],[],{"id":103,"type":69,"label":104,"href":106,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":107,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":108,"children":109,"psChildren":110},45,{"fr":105},"Offre Starter ✨","\u002Foffre-starter",{"highlight":20},4,[],[],{"id":112,"type":69,"label":113,"href":115,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":116,"children":117,"psChildren":118},46,{"fr":114},"Academy","\u002Facademy",5,[],[],{"id":120,"type":69,"label":121,"href":123,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":61,"children":124,"psChildren":125},47,{"fr":122},"À propos","\u002Fa-propos",[],[],{"id":127,"type":69,"label":128,"href":130,"icon":73,"description":73,"badge":73,"groupTitle":73,"style":73,"gridColumns":73,"cssClass":73,"psCategoryId":73,"showPsChildren":74,"position":131,"children":132,"psChildren":133},48,{"fr":129},"Contact","\u002Fcontact",7,[],[],{"columns":135},[136,148,178,194],{"title":137,"links":138},"Plateforme",[139,141,144,145],{"label":140,"href":106,"external":74},"Offre Starter (2 500 €)",{"label":142,"href":143,"external":74},"Devenir Ambassadeur","\u002Fambassadeur",{"label":89,"href":90,"external":74},{"label":146,"href":147,"external":20},"CodeMyShop.com","https:\u002F\u002Fcodemyshop.com",{"title":149,"links":150},"Le Synedre",[151,154,157,160,163,166,169,172,175],{"label":152,"href":153,"external":74},"L'histoire","\u002Fsynedre",{"label":155,"href":156,"external":74},"Constitution","\u002Fsynedre\u002Fconstitution",{"label":158,"href":159,"external":74},"L'équipe","\u002Fequipe",{"label":161,"href":162,"external":74},"Le réacteur en direct","\u002Freacteur",{"label":164,"href":165,"external":74},"Le Drill (entraînement)","\u002Fdrill",{"label":167,"href":168,"external":74},"Protocole de réunion","\u002Fsynedre\u002Freunion",{"label":170,"href":171,"external":74},"Les agents IA","\u002Fagents-ia",{"label":173,"href":174,"external":74},"La Conduite","\u002Fsynedre\u002Fconduite",{"label":176,"href":177,"external":74},"Charte plateforme","\u002Fsynedre\u002Fcharte",{"title":179,"links":180},"Ressources",[181,182,183,186,188,191],{"label":81,"href":82,"external":74},{"label":114,"href":115,"external":74},{"label":184,"href":185,"external":74},"Dictionnaire","\u002Fdictionnaire",{"label":187,"href":72,"external":74},"Expertise PrestaShop",{"label":189,"href":190,"external":74},"Flywheel","\u002Fflywheel",{"label":192,"href":193,"external":74},"Manifeste","\u002Fmanifeste",{"title":122,"links":195},[196,198,201],{"label":197,"href":123,"external":74},"Alexandre Carette",{"label":199,"href":200,"external":74},"Dossier de presse","\u002Fpresse",{"label":129,"href":130,"external":74},{"footer":203},{"theme":204,"description":73,"hours":73,"logo":205,"contact":208,"social":209,"bottomBar":219},"dark",{"src":206,"href":207,"alt":197},"\u002Flogo-ac.svg","\u002F",{"email":73,"phone":73,"address":73,"cta":73},[210,213,216],{"platform":211,"href":212,"label":211},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Falexandre-carette\u002F",{"platform":214,"href":215,"label":214},"malt","https:\u002F\u002Fwww.malt.fr\u002Fprofile\u002Falexandrecarette",{"platform":217,"href":218,"label":217},"github","https:\u002F\u002Fgithub.com\u002Fprest4cafe",{"copyright":73},{"academy":221,"blog":222,"expertise":233},[],[223,227,230],{"title":224,"url":225,"score":83,"type":226},"PrestaShop headless avec Nuxt 3 : pourquoi séparer back et front","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-separation-front-back","blog",{"title":228,"url":229,"score":83,"type":226},"PrestaShop headless : Nuxt 3, pas Next.js — le choix souverain","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-nextjs-souverainete",{"title":231,"url":232,"score":83,"type":226},"Sylius rachète PrestaShop : ce que ça change pour vous","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fsylius-rachat-prestashop-headless-souverainete",[],{"header":235},{"logo":236,"topBar":239,"contactEmail":242,"features":243,"navBar":73},{"src":206,"alt":237,"text":197,"href":207,"class":238},"Alexandre Carette — Architecte E-commerce Souverain","h-10 w-10",{"message":73,"showLanguages":74,"align":240,"languages":241},"left",[],"contact@alexandrecarette.fr",{"showSearch":74,"showWishlist":74,"showLogin":20,"showContact":74,"showCart":74,"stickyHeader":20,"headerLayout":244},"inline"]