[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"theme-db":3,"$fFyl13Vr6B_QMAlxCuN6Lk77l6IcFYiEqMbRMRMZejP0":22,"$fKnz2vuX4bZz1LbUTiuFsvSZ3e07l5_5fqNYp4Tzdhi8":59,"$f5SevHrDlLTUIPrs45DvnjWAdCQmUikXMwuWvfS1SgB0":140,"megamenu":155,"footer-db":210,"header-db":228},{"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":37,"faq":38,"tldr":54,"readingTime":55,"generatedAt":56,"publishDate":56,"relatedArticles":57,"sourceCategory":58},"Optimiser le CLS et valider le HTML de votre boutique PrestaShop","optimiser-cls-valider-html-prestashop","Guide complet pour réduire le Cumulative Layout Shift (CLS) et corriger les erreurs HTML sur PrestaShop 1.7 et 8.x. Templates, Lighthouse, bonnes pratiques.","performance",[28,29,30,31,32,26],"CLS","Core Web Vitals","Lighthouse","validation HTML","templates TPL","intermediaire",[35,36],"1.7","8.x","\u003Ch2>Introduction\u003C\u002Fh2>\n\u003Cp>Vous venez de lancer votre boutique PrestaShop et vous constatez des scores médiocres sur Google PageSpeed Insights ? Deux problèmes reviennent systématiquement : un \u003Cstrong>Cumulative Layout Shift (CLS) trop élevé\u003C\u002Fstrong> et des \u003Cstrong>erreurs de validation HTML\u003C\u002Fstrong> dans le code source. Ces deux axes sont directement liés au référencement naturel puisque Google intègre les Core Web Vitals dans son algorithme de classement depuis 2021.\u003C\u002Fp>\n\u003Cp>Dans cet article, je vous guide pas à pas pour diagnostiquer et corriger ces problèmes, en intervenant directement dans les templates Smarty de votre thème PrestaShop.\u003C\u002Fp>\n\u003Ch2>Comprendre le CLS et son impact SEO\u003C\u002Fh2>\n\u003Ch3>Qu'est-ce que le Cumulative Layout Shift ?\u003C\u002Fh3>\n\u003Cp>Le CLS mesure la \u003Cstrong>stabilité visuelle\u003C\u002Fstrong> d'une page pendant son chargement. Concrètement, c'est ce décalage agaçant quand un élément se déplace sous vos yeux alors que vous étiez sur le point de cliquer dessus.\u003C\u002Fp>\n\u003Cp>Google considère qu'un CLS est :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Bon** : inférieur à 0.1\u003C\u002Fli>\n\u003Cli>**À améliorer** : entre 0.1 et 0.25\u003C\u002Fli>\n\u003Cli>**Mauvais** : supérieur à 0.25\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Pourquoi le CLS n'est pas un problème qu'on règle après coup\u003C\u002Fh3>\n\u003Cp>Une erreur fréquente consiste à penser qu'on optimisera le CLS \"plus tard\", une fois le site en ligne. En réalité, le CLS s'optimise \u003Cstrong>dès la conception du code\u003C\u002Fstrong>. C'est l'une des trois métriques critiques (avec le LCP et le FID\u002FINP) prises en compte par Google pour évaluer l'expérience utilisateur de votre site. Attendre que le site soit en production pour s'en occuper, c'est s'exposer à des refactorisations coûteuses.\u003C\u002Fp>\n\u003Ch2>Étape 1 : Auditer avec Lighthouse et PageSpeed Insights\u003C\u002Fh2>\n\u003Cp>La première action concrète est de passer votre site au crible de \u003Cstrong>Google Lighthouse\u003C\u002Fstrong>, intégré aux outils PageSpeed Insights.\u003C\u002Fp>\n\u003Ch3>Lancer l'audit\u003C\u002Fh3>\n\u003Col>\n\u003Cli>Rendez-vous sur [PageSpeed Insights](https:\u002F\u002Fpagespeed.web.dev\u002F)\u003C\u002Fli>\n\u003Cli>Entrez l'URL de votre page d'accueil\u003C\u002Fli>\n\u003Cli>Analysez les résultats, en particulier la section **Cumulative Layout Shift**\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Lighthouse vous fournit des indications précises sur les éléments qui provoquent des décalages de mise en page. Chaque recommandation est un point d'action concret.\u003C\u002Fp>\n\u003Ch3>Depuis Chrome DevTools\u003C\u002Fh3>\n\u003Cp>Vous pouvez également utiliser l'onglet \u003Cstrong>Performance\u003C\u002Fstrong> de Chrome DevTools :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-\">\n1. F12 → Onglet Performance\n2. Cocher \"Web Vitals\"\n3. Recharger la page avec enregistrement\n4. Observer les marqueurs CLS dans la timeline\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Étape 2 : Valider le HTML avec le W3C Validator\u003C\u002Fh2>\n\u003Cp>Un code HTML invalide peut provoquer des comportements imprévisibles de rendu, contribuant directement au CLS. Le \u003Ca href=\"https:\u002F\u002Fvalidator.w3.org\u002F\">validateur W3C\u003C\u002Fa> analyse votre code source et signale chaque erreur avec un \u003Cstrong>lien bleu cliquable\u003C\u002Fstrong> qui pointe directement vers la ligne fautive.\u003C\u002Fp>\n\u003Ch3>Erreurs courantes sur PrestaShop\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Balises `\u003Cdiv>` non fermées dans les templates de modules\u003C\u002Fli>\n\u003Cli>Attributs `alt` manquants sur les images\u003C\u002Fli>\n\u003Cli>Balises `\u003Cscript>` mal positionnées dans le `\u003Chead>`\u003C\u002Fli>\n\u003Cli>Imbrications HTML invalides (ex : `\u003Cp>` contenant un `\u003Cdiv>`)\u003C\u002Fli>\n\u003Cli>Doubles `id` sur une même page (fréquent avec les modules tiers)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Corriger ces erreurs requiert de bonnes connaissances en développement front-end, car il faut identifier dans quel fichier template chaque erreur prend sa source.\u003C\u002Fp>\n\u003Ch2>Étape 3 : Naviguer dans l'architecture des templates Smarty\u003C\u002Fh2>\n\u003Cp>C'est ici que les choses se corsent. L'arborescence des fichiers \u003Ccode>.tpl\u003C\u002Fcode> dans PrestaShop 1.7+ n'est pas toujours intuitive. Voici la cartographie des fichiers clés :\u003C\u002Fp>\n\u003Ch3>Structure des templates (PrestaShop 1.7 \u002F 8.x)\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-\">\nthemes\u002Fvotre-theme\u002F\n├── templates\u002F\n│   ├── _partials\u002F\n│   │   ├── head.tpl              ← Balises <head>, meta, CSS\n│   │   ├── header.tpl            ← En-tête du site (logo, nav, panier)\n│   │   ├── footer.tpl            ← Pied de page\n│   │   └── javascript.tpl        ← Chargement des scripts JS\n│   ├── layouts\u002F\n│   │   ├── layout-both-columns.tpl   ← Layout avec sidebars\n│   │   ├── layout-left-column.tpl\n│   │   ├── layout-right-column.tpl\n│   │   └── layout-full-width.tpl\n│   └── index.tpl                 ← Page d'accueil\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Quel fichier modifier selon le problème\u003C\u002Fh3>\n\u003Ctr>\u003Cth>Problème\u003C\u002Fth>\u003Cth>Fichier à modifier\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>Meta tags, CSS critique\u003C\u002Fth>\u003Cth>`_partials\u002Fhead.tpl`\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>Logo, navigation, bandeau\u003C\u002Fth>\u003Cth>`_partials\u002Fheader.tpl`\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>Scripts JS, defer\u002Fasync\u003C\u002Fth>\u003Cth>`_partials\u002Fjavascript.tpl`\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>Structure globale de page\u003C\u002Fth>\u003Cth>`layouts\u002Flayout-both-columns.tpl`\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>Contenu page d'accueil\u003C\u002Fth>\u003Cth>`index.tpl`\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ch3>Attention aux thèmes enfants\u003C\u002Fh3>\n\u003Cp>Si vous utilisez un \u003Cstrong>thème enfant\u003C\u002Fstrong> (ce qui est la bonne pratique), le fichier que vous cherchez n'est pas forcément dans le dossier du thème enfant. PrestaShop applique un mécanisme de \u003Cstrong>fallback\u003C\u002Fstrong> : si un template n'existe pas dans le thème enfant, il remonte automatiquement au thème parent.\u003C\u002Fp>\n\u003Cp>Pour savoir quel fichier est réellement utilisé :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-bash\">\n# Activer le mode debug dans config\u002Fdefines.inc.php\ndefine('_PS_MODE_DEV_', true);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>En PrestaShop 8.x, vous pouvez également utiliser la \u003Cstrong>Symfony Debug Toolbar\u003C\u002Fstrong> (en mode dev) qui affiche les templates Twig\u002FSmarty rendus.\u003C\u002Fp>\n\u003Ch2>Étape 4 : Corriger les causes principales du CLS\u003C\u002Fh2>\n\u003Ch3>1. Réserver l'espace des images\u003C\u002Fh3>\n\u003Cp>La cause n°1 du CLS sur PrestaShop est le chargement des images sans dimensions explicites.\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<!-- ❌ Mauvais : pas de dimensions -->\n<img src=\"{$product.cover.large.url}\" alt=\"{$product.name}\">\n\n<!-- ✅ Bon : dimensions explicites -->\n<img src=\"{$product.cover.large.url}\" \n     alt=\"{$product.name}\"\n     width=\"800\" \n     height=\"800\"\n     loading=\"lazy\">\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>2. Précharger les polices web\u003C\u002Fh3>\n\u003Cp>Dans \u003Ccode>head.tpl\u003C\u002Fcode>, ajoutez le préchargement des polices utilisées par votre thème :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<link rel=\"preload\" href=\"{$urls.theme_assets}fonts\u002Fvotre-police.woff2\" \n      as=\"font\" type=\"font\u002Fwoff2\" crossorigin>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>3. Inliner le CSS critique\u003C\u002Fh3>\n\u003Cp>Le CSS critique (au-dessus de la ligne de flottaison) devrait être inliné directement dans le \u003Ccode>\u003Chead>\u003C\u002Fcode> pour éviter le FOUT (Flash of Unstyled Content) :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n{* Dans head.tpl *}\n<style>\n  \u002F* CSS critique : header, hero, navigation *\u002F\n  .header-nav { min-height: 50px; }\n  .carousel { min-height: 400px; }\n  #wrapper { min-height: 100vh; }\n<\u002Fstyle>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>4. Différer le JavaScript non critique\u003C\u002Fh3>\n\u003Cp>Dans \u003Ccode>javascript.tpl\u003C\u002Fcode>, assurez-vous que les scripts non essentiels sont chargés en \u003Ccode>defer\u003C\u002Fcode> ou \u003Ccode>async\u003C\u002Fcode> :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n{* javascript.tpl *}\n{foreach from=$javascript.bottom item=js}\n  <script src=\"{$js.uri}\" defer><\u002Fscript>\n{\u002Fforeach}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>5. Stabiliser les emplacements publicitaires et modules\u003C\u002Fh3>\n\u003Cp>Si vous utilisez des modules qui injectent du contenu dynamique (bannières, popups, sliders), réservez leur espace en CSS :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Réserver l'espace du slider avant chargement *\u002F\n.home-slider-container {\n  min-height: 400px;\n  aspect-ratio: 16\u002F9;\n}\n\n\u002F* Réserver l'espace du bandeau promo *\u002F\n.promo-banner {\n  min-height: 40px;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Étape 5 : Spécificités PrestaShop 8.x\u003C\u002Fh2>\n\u003Cp>PrestaShop 8.x apporte plusieurs améliorations qui facilitent l'optimisation des Web Vitals :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Symfony 4.4+** : meilleure gestion des assets via Webpack Encore\u003C\u002Fli>\n\u003Cli>**Lazy loading natif** : les images produit supportent l'attribut `loading=\"lazy\"` nativement\u003C\u002Fli>\n\u003Cli>**Hummingbird** : le nouveau thème par défaut (prévu pour PS 9) est conçu dès le départ avec les Core Web Vitals en tête\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Si vous migrez depuis PrestaShop 1.7 vers 8.x, profitez-en pour revoir l'ensemble de votre stratégie de chargement des assets.\u003C\u002Fp>\n\u003Ch2>Checklist récapitulative\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>[ ] Audit Lighthouse avec score CLS \u003C 0.1\u003C\u002Fli>\n\u003Cli>[ ] Validation W3C sans erreurs critiques\u003C\u002Fli>\n\u003Cli>[ ] Dimensions explicites sur toutes les images\u003C\u002Fli>\n\u003Cli>[ ] Polices préchargées dans `head.tpl`\u003C\u002Fli>\n\u003Cli>[ ] CSS critique inliné\u003C\u002Fli>\n\u003Cli>[ ] JavaScript en `defer` dans `javascript.tpl`\u003C\u002Fli>\n\u003Cli>[ ] Espaces réservés pour le contenu dynamique\u003C\u002Fli>\n\u003Cli>[ ] Thème enfant utilisé (ne jamais modifier le thème parent)\u003C\u002Fli>\n\u003Cli>[ ] Mode debug activé pour identifier les templates réellement utilisés\u003C\u002Fli>\n\u003C\u002Ful>",[39,42,45,48,51],{"q":40,"a":41},"Qu'est-ce que le CLS et pourquoi est-il important pour mon site PrestaShop ?","Le Cumulative Layout Shift (CLS) mesure la stabilité visuelle de votre page lors du chargement. Un CLS élevé signifie que des éléments bougent de manière inattendue, ce qui dégrade l'expérience utilisateur. Depuis 2021, Google intègre cette métrique dans son algorithme de classement : un mauvais CLS (supérieur à 0.25) peut directement pénaliser votre référencement naturel. Sur PrestaShop, les causes principales sont les images sans dimensions, les polices web non préchargées et les modules qui injectent du contenu dynamique sans espace réservé.",{"q":43,"a":44},"Quel fichier TPL modifier pour corriger les erreurs HTML dans PrestaShop 1.7 et 8.x ?","Tout dépend de la nature de l'erreur. Les balises meta et CSS se trouvent dans _partials\u002Fhead.tpl, l'en-tête du site dans _partials\u002Fheader.tpl, les scripts JavaScript dans _partials\u002Fjavascript.tpl, et la structure de page dans layouts\u002Flayout-both-columns.tpl. Si vous utilisez un thème enfant, vérifiez d'abord si le fichier existe dans le thème enfant avant de remonter au thème parent. Activez le mode debug (_PS_MODE_DEV_ à true) pour identifier précisément quel template est rendu.",{"q":46,"a":47},"Comment utiliser le validateur W3C pour corriger le code HTML de PrestaShop ?","Rendez-vous sur validator.w3.org et entrez l'URL de votre boutique. Le validateur analyse le code HTML généré et affiche chaque erreur avec un lien bleu cliquable pointant vers la ligne concernée. Les erreurs courantes sur PrestaShop incluent les balises non fermées, les attributs alt manquants, les doubles id et les imbrications invalides. Corrigez-les directement dans les fichiers .tpl de votre thème, en commençant par les erreurs marquées comme critiques.",{"q":49,"a":50},"Faut-il optimiser le CLS dès la création de ma boutique ou après la mise en ligne ?","Dès la création, sans aucun doute. Le CLS s'optimise à la conception du code, pas après coup. Réserver l'espace des images, précharger les polices et structurer correctement les templates dès le départ évite des refactorisations coûteuses une fois le site en production. Corriger le CLS a posteriori implique souvent de revoir l'intégralité du thème, ce qui représente un coût bien supérieur à une conception soignée dès le départ.",{"q":52,"a":53},"Quels outils utiliser pour mesurer les Core Web Vitals de ma boutique PrestaShop ?","Trois outils principaux : Google PageSpeed Insights (pagespeed.web.dev) pour un audit rapide avec des recommandations concrètes, Chrome DevTools (onglet Performance avec Web Vitals cochés) pour une analyse détaillée en temps réel, et la Google Search Console (rapport Signaux Web Essentiels) pour suivre l'évolution de vos métriques sur l'ensemble du site avec des données terrain. Combinez les trois pour une vision complète.","Le CLS (stabilité visuelle) doit être optimisé dès la conception de votre thème PrestaShop, pas après la mise en ligne. Auditez avec Lighthouse, validez votre HTML au W3C, puis corrigez les templates Smarty (head.tpl, header.tpl, javascript.tpl) en réservant l'espace des images, préchargeant les polices et différant le JavaScript non critique.",6,"2026-03-21T13:43:42.000Z",[],"Testez mon site ! :)",{"columns":60},[61,77,107,128],{"title":62,"links":63},"Plateforme",[64,68,71,74],{"label":65,"href":66,"external":67},"Offre Starter (2 500 €)","\u002Foffre-starter",false,{"label":69,"href":70,"external":67},"Devenir Ambassadeur","\u002Fambassadeur",{"label":72,"href":73,"external":67},"Modules PrestaShop","\u002Fmodules",{"label":75,"href":76,"external":20},"CodeMyShop.com","https:\u002F\u002Fcodemyshop.com",{"title":78,"links":79},"Le Synedre",[80,83,86,89,92,95,98,101,104],{"label":81,"href":82,"external":67},"L'histoire","\u002Fsynedre",{"label":84,"href":85,"external":67},"Constitution","\u002Fsynedre\u002Fconstitution",{"label":87,"href":88,"external":67},"L'équipe","\u002Fequipe",{"label":90,"href":91,"external":67},"Le réacteur en direct","\u002Freacteur",{"label":93,"href":94,"external":67},"Le Drill (entraînement)","\u002Fdrill",{"label":96,"href":97,"external":67},"Protocole de réunion","\u002Fsynedre\u002Freunion",{"label":99,"href":100,"external":67},"Les agents IA","\u002Fagents-ia",{"label":102,"href":103,"external":67},"La Conduite","\u002Fsynedre\u002Fconduite",{"label":105,"href":106,"external":67},"Charte plateforme","\u002Fsynedre\u002Fcharte",{"title":108,"links":109},"Ressources",[110,113,116,119,122,125],{"label":111,"href":112,"external":67},"Blog","\u002Fblog",{"label":114,"href":115,"external":67},"Academy","\u002Facademy",{"label":117,"href":118,"external":67},"Dictionnaire","\u002Fdictionnaire",{"label":120,"href":121,"external":67},"Expertise PrestaShop","\u002Fexpertise",{"label":123,"href":124,"external":67},"Flywheel","\u002Fflywheel",{"label":126,"href":127,"external":67},"Manifeste","\u002Fmanifeste",{"title":129,"links":130},"À propos",[131,134,137],{"label":132,"href":133,"external":67},"Alexandre Carette","\u002Fa-propos",{"label":135,"href":136,"external":67},"Dossier de presse","\u002Fpresse",{"label":138,"href":139,"external":67},"Contact","\u002Fcontact",{"academy":141,"blog":142,"expertise":154},[],[143,148,151],{"title":144,"url":145,"score":146,"type":147},"Docker Compose PrestaShop : configuration production prête à déployer","\u002Fblog\u002Fdevops\u002Fdocker\u002Fdocker-compose-prestashop-production",1,"blog",{"title":149,"url":150,"score":146,"type":147},"PrestaShop headless avec Nuxt 3 : pourquoi séparer back et front","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-separation-front-back",{"title":152,"url":153,"score":146,"type":147},"PrestaShop headless : Nuxt 3, pas Next.js — le choix souverain","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-nextjs-souverainete",[],{"items":156},[157,166,171,177,185,193,199,204],{"id":158,"type":159,"label":160,"href":121,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":163,"children":164,"psChildren":165},41,"link",{"fr":161},"Expertise",null,0,[],[],{"id":167,"type":159,"label":168,"href":112,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":146,"children":169,"psChildren":170},42,{"fr":111},[],[],{"id":172,"type":159,"label":173,"href":73,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":174,"children":175,"psChildren":176},43,{"fr":72},2,[],[],{"id":178,"type":159,"label":179,"href":181,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":182,"children":183,"psChildren":184},44,{"fr":180},"Outils IA","\u002Foutils-ia",3,[],[],{"id":186,"type":159,"label":187,"href":66,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":189,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":190,"children":191,"psChildren":192},45,{"fr":188},"Offre Starter ✨",{"highlight":20},4,[],[],{"id":194,"type":159,"label":195,"href":115,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":196,"children":197,"psChildren":198},46,{"fr":114},5,[],[],{"id":200,"type":159,"label":201,"href":133,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":55,"children":202,"psChildren":203},47,{"fr":129},[],[],{"id":205,"type":159,"label":206,"href":139,"icon":162,"description":162,"badge":162,"groupTitle":162,"style":162,"gridColumns":162,"cssClass":162,"psCategoryId":162,"showPsChildren":67,"position":207,"children":208,"psChildren":209},48,{"fr":138},7,[],[],{"footer":211},{"theme":212,"description":162,"hours":162,"logo":213,"contact":216,"social":217,"bottomBar":227},"dark",{"src":214,"href":215,"alt":132},"\u002Flogo-ac.svg","\u002F",{"email":162,"phone":162,"address":162,"cta":162},[218,221,224],{"platform":219,"href":220,"label":219},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Falexandre-carette\u002F",{"platform":222,"href":223,"label":222},"malt","https:\u002F\u002Fwww.malt.fr\u002Fprofile\u002Falexandrecarette",{"platform":225,"href":226,"label":225},"github","https:\u002F\u002Fgithub.com\u002Fprest4cafe",{"copyright":162},{"header":229},{"logo":230,"topBar":233,"contactEmail":236,"features":237,"navBar":162},{"src":214,"alt":231,"text":132,"href":215,"class":232},"Alexandre Carette — Architecte E-commerce Souverain","h-10 w-10",{"message":162,"showLanguages":67,"align":234,"languages":235},"left",[],"contact@alexandrecarette.fr",{"showSearch":67,"showWishlist":67,"showLogin":20,"showContact":67,"showCart":67,"stickyHeader":20,"headerLayout":238},"inline"]