[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"theme-db":3,"$fBYUE9zX8JF_Quvnm8m6s6mG_T8zktB8D9YfgPYq52P4":22,"megamenu":64,"$fjl5mr40PrFl71YB1XqIRbKsiDDqZe8KMWVlG00tYgZ0":133,"$fKnz2vuX4bZz1LbUTiuFsvSZ3e07l5_5fqNYp4Tzdhi8":147,"footer-db":215,"header-db":233},{"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":34,"psVersions":35,"content":39,"faq":40,"tldr":59,"readingTime":60,"generatedAt":61,"publishDate":61,"relatedArticles":62,"sourceCategory":63},"Afficher 3 blocs côte à côte sur la page d'accueil PrestaShop","afficher-trois-blocs-cote-a-cote-accueil-prestashop","Guide complet pour créer et afficher 3 blocs personnalisés côte à côte sur votre page d'accueil PrestaShop avec Bootstrap et les hooks natifs.","design",[28,29,30,31,32,33],"bootstrap","hooks","template","page accueil","mise en page","blocs personnalisés","intermediaire",[36,37,38],"1.6","1.7","8.x","\u003Ch2>Pourquoi structurer sa page d'accueil en blocs\u003C\u002Fh2>\n\u003Cp>La page d'accueil d'une boutique PrestaShop est la vitrine principale de votre activité. Afficher trois blocs côte à côte — par exemple pour mettre en avant des catégories phares, des arguments commerciaux ou des promotions — est l'un des aménagements les plus demandés par les marchands. La grille Bootstrap intégrée à PrestaShop rend cette mise en page accessible sans framework externe.\u003C\u002Fp>\n\u003Cp>Ce guide présente trois approches, de la plus rapide à la plus maintenable.\u003C\u002Fp>\n\u003Ch2>Approche 1 : Édition directe du template (rapide)\u003C\u002Fh2>\n\u003Cp>La méthode la plus immédiate consiste à modifier le fichier \u003Ccode>index.tpl\u003C\u002Fcode> de votre thème pour y insérer directement une rangée de trois colonnes Bootstrap.\u003C\u002Fp>\n\u003Ch3>Sur PrestaShop 1.6\u003C\u002Fh3>\n\u003Cp>Le fichier à modifier se trouve dans \u003Ccode>themes\u002Fvotre-theme\u002Findex.tpl\u003C\u002Fcode>. PrestaShop 1.6 utilise Bootstrap 3 :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<div class=\"row\">\n  <div class=\"col-md-4\">\n    <div class=\"block-custom\">\n      <h3>{l s='Livraison offerte'}<\u002Fh3>\n      <p>{l s='Dès 49€ d\\'achats, profitez de la livraison gratuite en France métropolitaine.'}<\u002Fp>\n    <\u002Fdiv>\n  <\u002Fdiv>\n  <div class=\"col-md-4\">\n    <div class=\"block-custom\">\n      <h3>{l s='Paiement sécurisé'}<\u002Fh3>\n      <p>{l s='Toutes vos transactions sont protégées par un chiffrement SSL 256 bits.'}<\u002Fp>\n    <\u002Fdiv>\n  <\u002Fdiv>\n  <div class=\"col-md-4\">\n    <div class=\"block-custom\">\n      <h3>{l s='Service client réactif'}<\u002Fh3>\n      <p>{l s='Une question ? Notre équipe vous répond sous 24 heures.'}<\u002Fp>\n    <\u002Fdiv>\n  <\u002Fdiv>\n<\u002Fdiv>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>Point important :\u003C\u002Fstrong> utilisez systématiquement la fonction Smarty \u003Ccode>{l s='...'}\u003C\u002Fcode> plutôt que du texte brut. Cette fonction permet la traduction automatique de vos contenus si votre boutique est multilingue.\u003C\u002Fp>\n\u003Ch3>Sur PrestaShop 1.7 \u002F 8.x\u003C\u002Fh3>\n\u003Cp>Le template d'accueil se situe dans \u003Ccode>themes\u002Fvotre-theme\u002Ftemplates\u002Findex.tpl\u003C\u002Fcode>. Bootstrap 4 (PS 1.7) puis Bootstrap 5 (PS 8.x dans les thèmes récents) utilisent le même système de grille, mais avec quelques différences de classes :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n{block name='three_columns_block'}\n<div class=\"container my-4\">\n  <div class=\"row g-3\">\n    <div class=\"col-md-4\">\n      <div class=\"card h-100 text-center p-3\">\n        <h3>{l s='Livraison offerte' d='Shop.Theme.Custom'}<\u002Fh3>\n        <p>{l s='Dès 49€ d\\'achats.' d='Shop.Theme.Custom'}<\u002Fp>\n      <\u002Fdiv>\n    <\u002Fdiv>\n    <div class=\"col-md-4\">\n      <div class=\"card h-100 text-center p-3\">\n        <h3>{l s='Paiement sécurisé' d='Shop.Theme.Custom'}<\u002Fh3>\n        <p>{l s='Transactions protégées SSL.' d='Shop.Theme.Custom'}<\u002Fp>\n      <\u002Fdiv>\n    <\u002Fdiv>\n    <div class=\"col-md-4\">\n      <div class=\"card h-100 text-center p-3\">\n        <h3>{l s='SAV réactif' d='Shop.Theme.Custom'}<\u002Fh3>\n        <p>{l s='Réponse sous 24h.' d='Shop.Theme.Custom'}<\u002Fp>\n      <\u002Fdiv>\n    <\u002Fdiv>\n  <\u002Fdiv>\n<\u002Fdiv>\n{\u002Fblock}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Notez le paramètre \u003Ccode>d='Shop.Theme.Custom'\u003C\u002Fcode> obligatoire depuis PrestaShop 1.7 pour le domaine de traduction.\u003C\u002Fp>\n\u003Ch2>Approche 2 : Utiliser les hooks natifs (recommandée)\u003C\u002Fh2>\n\u003Cp>Plutôt que de coder en dur dans le template, la bonne pratique PrestaShop consiste à exploiter le système de hooks. Cela permet de gérer le contenu des blocs depuis le back-office sans toucher au code.\u003C\u002Fp>\n\u003Ch3>Principe\u003C\u002Fh3>\n\u003Cp>Chaque module peut s'accrocher à un point d'insertion (hook) de la page. Pour afficher trois blocs côte à côte, deux stratégies :\u003C\u002Fp>\n\u003Col>\n\u003Cli>**Trois modules distincts** hookés sur le même emplacement (par exemple `displayHome`)\u003C\u002Fli>\n\u003Cli>**Un seul module** qui génère les trois colonnes\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Créer un hook personnalisé\u003C\u002Fh3>\n\u003Cp>Si vous souhaitez un emplacement dédié plutôt que le \u003Ccode>displayHome\u003C\u002Fcode> standard, déclarez un hook personnalisé.\u003C\u002Fp>\n\u003Cp>Dans le fichier \u003Ccode>install()\u003C\u002Fcode> de votre module :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-php\">\npublic function install()\n{\n    return parent::install()\n        && $this->registerHook('displayHomeTripleBlock');\n}\n\npublic function hookDisplayHomeTripleBlock($params)\n{\n    \u002F\u002F Logique d'affichage\n    return $this->display(__FILE__, 'views\u002Ftemplates\u002Fhook\u002Ftriple-block.tpl');\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Puis dans votre \u003Ccode>index.tpl\u003C\u002Fcode>, appelez ce hook à l'emplacement voulu :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-smarty\">\n{hook h='displayHomeTripleBlock'}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Cette méthode est plus propre car elle respecte l'architecture modulaire de PrestaShop : le contenu est géré par le module, la position est définie dans le template.\u003C\u002Fp>\n\u003Ch2>Approche 3 : Créer un module dédié (la plus maintenable)\u003C\u002Fh2>\n\u003Cp>Pour un résultat professionnel et administrable, la création d'un module reste la solution idéale. Voici la structure minimale d'un module qui affiche trois blocs configurables.\u003C\u002Fp>\n\u003Ch3>Structure du module\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-\">\nmonmodule_tripleblock\u002F\n├── monmodule_tripleblock.php\n├── views\u002F\n│   └── templates\u002F\n│       └── hook\u002F\n│           └── displayHome.tpl\n└── logo.png\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Fichier principal (PrestaShop 8.x)\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-php\">\n<?php\nif (!defined('_PS_VERSION_')) {\n    exit;\n}\n\nclass Monmodule_Tripleblock extends Module\n{\n    public function __construct()\n    {\n        $this->name = 'monmodule_tripleblock';\n        $this->version = '1.0.0';\n        $this->author = 'Votre nom';\n        $this->need_instance = 0;\n        $this->bootstrap = true;\n\n        parent::__construct();\n\n        $this->displayName = $this->l('Triple bloc accueil');\n        $this->description = $this->l('Affiche 3 blocs côte à côte sur la page d\\'accueil.');\n    }\n\n    public function install()\n    {\n        return parent::install()\n            && $this->registerHook('displayHome');\n    }\n\n    public function hookDisplayHome($params)\n    {\n        $this->context->smarty->assign([\n            'blocks' => [\n                [\n                    'icon' => 'icon-truck',\n                    'title' => $this->l('Livraison offerte'),\n                    'text' => $this->l('Dès 49€ d\\'achats.'),\n                ],\n                [\n                    'icon' => 'icon-lock',\n                    'title' => $this->l('Paiement sécurisé'),\n                    'text' => $this->l('Chiffrement SSL.'),\n                ],\n                [\n                    'icon' => 'icon-headphones',\n                    'title' => $this->l('Support réactif'),\n                    'text' => $this->l('Réponse sous 24h.'),\n                ],\n            ],\n        ]);\n\n        return $this->display(__FILE__, 'views\u002Ftemplates\u002Fhook\u002FdisplayHome.tpl');\n    }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Template Smarty associé\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-smarty\">\n<div class=\"container triple-block-wrapper my-4\">\n  <div class=\"row g-3\">\n    {foreach $blocks as $block}\n      <div class=\"col-md-4\">\n        <div class=\"card h-100 text-center p-4\">\n          <i class=\"{$block.icon} fa-3x mb-3 text-primary\"><\u002Fi>\n          <h3 class=\"h5\">{$block.title}<\u002Fh3>\n          <p class=\"text-muted\">{$block.text}<\u002Fp>\n        <\u002Fdiv>\n      <\u002Fdiv>\n    {\u002Fforeach}\n  <\u002Fdiv>\n<\u002Fdiv>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Le système de grille Bootstrap en bref\u003C\u002Fh2>\n\u003Cp>PrestaShop embarque Bootstrap nativement. La grille repose sur un conteneur de 12 colonnes. Pour afficher trois blocs de largeur égale, chaque bloc occupe \u003Cstrong>4 colonnes\u003C\u002Fstrong> (\u003Ccode>col-md-4\u003C\u002Fcode>, car 12 ÷ 3 = 4).\u003C\u002Fp>\n\u003Cp>Les classes responsives à connaître :\u003C\u002Fp>\n\u003Ctr>\u003Cth>Classe\u003C\u002Fth>\u003Cth>Largeur d'écran\u003C\u002Fth>\u003Cth>Comportement\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>`col-12`\u003C\u002Fth>\u003Cth>\u003C 576px (mobile)\u003C\u002Fth>\u003Cth>Pleine largeur, blocs empilés\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>`col-sm-6`\u003C\u002Fth>\u003Cth>≥ 576px\u003C\u002Fth>\u003Cth>2 blocs par ligne\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>`col-md-4`\u003C\u002Fth>\u003Cth>≥ 768px\u003C\u002Fth>\u003Cth>3 blocs par ligne\u003C\u002Fth>\u003C\u002Ftr>\n\u003Ctr>\u003Cth>`col-lg-3`\u003C\u002Fth>\u003Cth>≥ 992px\u003C\u002Fth>\u003Cth>4 blocs par ligne\u003C\u002Fth>\u003C\u002Ftr>\n\u003Cp>Pour un comportement responsive optimal (empilé sur mobile, côte à côte sur desktop) :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<div class=\"col-12 col-md-4\">\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Styliser les blocs avec du CSS personnalisé\u003C\u002Fh2>\n\u003Cp>Ajoutez un fichier CSS dans votre module ou dans le fichier \u003Ccode>custom.css\u003C\u002Fcode> de votre thème :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n.triple-block-wrapper .card {\n  border: none;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.triple-block-wrapper .card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);\n}\n\n.triple-block-wrapper .card i {\n  color: var(--ps-primary, #25b9d7);\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Bonnes pratiques à retenir\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>**Ne modifiez jamais le thème parent** : créez un thème enfant ou un module. Les mises à jour écraseront vos modifications.\u003C\u002Fli>\n\u003Cli>**Utilisez `{l s='...'}` systématiquement** pour permettre la traduction.\u003C\u002Fli>\n\u003Cli>**Testez le responsive** : vérifiez le rendu sur mobile (blocs empilés) et tablette (2 colonnes éventuellement).\u003C\u002Fli>\n\u003Cli>**Videz le cache** après toute modification de template : *Paramètres avancés > Performances > Vider le cache*.\u003C\u002Fli>\n\u003Cli>**Préférez un module** à une modification de template dès que le contenu doit être éditable par un non-développeur.\u003C\u002Fli>\n\u003C\u002Ful>",[41,44,47,50,53,56],{"q":42,"a":43},"Comment afficher 3 blocs côte à côte sur la page d'accueil PrestaShop sans module ?","La méthode la plus rapide consiste à modifier le fichier index.tpl de votre thème en ajoutant une rangée Bootstrap avec trois colonnes col-md-4. Chaque colonne contient un bloc avec votre contenu encapsulé dans la fonction Smarty {l s='...'} pour la traduction. Pensez à toujours travailler dans un thème enfant pour éviter la perte de vos modifications lors des mises à jour.",{"q":45,"a":46},"Quelle est la différence entre modifier un template et créer un module PrestaShop pour des blocs d'accueil ?","Modifier le template est plus rapide mais le contenu est codé en dur dans le fichier .tpl : seul un développeur peut le changer. Un module permet de rendre le contenu administrable depuis le back-office, de le positionner via le système de hooks sans toucher au code, et de le réutiliser sur d'autres boutiques. Pour un projet professionnel, le module est toujours recommandé.",{"q":48,"a":49},"Comment rendre mes blocs responsives sur mobile dans PrestaShop ?","PrestaShop intègre Bootstrap nativement. Utilisez la combinaison de classes col-12 col-md-4 sur chaque bloc : ils s'afficheront en pleine largeur et empilés sur mobile (col-12), puis côte à côte par trois sur les écrans de 768px et plus (col-md-4). Vous pouvez aussi utiliser col-sm-6 pour afficher deux blocs par ligne sur tablette.",{"q":51,"a":52},"Qu'est-ce qu'un hook PrestaShop et comment l'utiliser pour afficher des blocs personnalisés ?","Un hook est un point d'ancrage dans le template PrestaShop où les modules peuvent injecter du contenu. Le hook displayHome, par exemple, correspond à la zone principale de la page d'accueil. Pour y attacher un module, celui-ci doit appeler registerHook('displayHome') lors de son installation, puis définir une méthode hookDisplayHome() qui retourne le HTML à afficher. Vous pouvez aussi créer vos propres hooks personnalisés.",{"q":54,"a":55},"Comment vider le cache PrestaShop après avoir modifié un template ?","Rendez-vous dans le back-office sous Paramètres avancés > Performances, puis cliquez sur Vider le cache. En développement, désactivez complètement le cache Smarty (option Forcer la compilation) pour voir vos modifications en temps réel. N'oubliez pas de le réactiver en production pour les performances.",{"q":57,"a":58},"Peut-on utiliser Flexbox ou CSS Grid au lieu de Bootstrap pour les blocs PrestaShop ?","Oui, rien ne vous empêche d'utiliser Flexbox ou CSS Grid à la place de la grille Bootstrap. Cependant, puisque PrestaShop embarque déjà Bootstrap et que tout le thème l'utilise, vous gagnez en cohérence à rester dans ce système. Si vous optez pour du CSS Grid personnalisé, assurez-vous de tester la compatibilité avec le reste du thème, notamment le responsive et les breakpoints déjà définis.","Pour afficher 3 blocs côte à côte sur la page d'accueil PrestaShop, utilisez la grille Bootstrap intégrée avec des colonnes col-md-4, soit directement dans le template index.tpl pour une solution rapide, soit via un module dédié pour une approche maintenable et administrable.",5,"2026-03-21T15:12:48.000Z",[],"PrestaShop pour les développeurs",{"items":65},[66,77,85,93,101,110,117,125],{"id":67,"type":68,"label":69,"href":71,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":74,"children":75,"psChildren":76},41,"link",{"fr":70},"Expertise","\u002Fexpertise",null,false,0,[],[],{"id":78,"type":68,"label":79,"href":81,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":82,"children":83,"psChildren":84},42,{"fr":80},"Blog","\u002Fblog",1,[],[],{"id":86,"type":68,"label":87,"href":89,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":90,"children":91,"psChildren":92},43,{"fr":88},"Modules PrestaShop","\u002Fmodules",2,[],[],{"id":94,"type":68,"label":95,"href":97,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":98,"children":99,"psChildren":100},44,{"fr":96},"Outils IA","\u002Foutils-ia",3,[],[],{"id":102,"type":68,"label":103,"href":105,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":106,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":107,"children":108,"psChildren":109},45,{"fr":104},"Offre Starter ✨","\u002Foffre-starter",{"highlight":20},4,[],[],{"id":111,"type":68,"label":112,"href":114,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":60,"children":115,"psChildren":116},46,{"fr":113},"Academy","\u002Facademy",[],[],{"id":118,"type":68,"label":119,"href":121,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":122,"children":123,"psChildren":124},47,{"fr":120},"À propos","\u002Fa-propos",6,[],[],{"id":126,"type":68,"label":127,"href":129,"icon":72,"description":72,"badge":72,"groupTitle":72,"style":72,"gridColumns":72,"cssClass":72,"psCategoryId":72,"showPsChildren":73,"position":130,"children":131,"psChildren":132},48,{"fr":128},"Contact","\u002Fcontact",7,[],[],{"academy":134,"blog":135,"expertise":146},[],[136,140,143],{"title":137,"url":138,"score":82,"type":139},"PrestaShop headless avec Nuxt 3 : pourquoi séparer back et front","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-separation-front-back","blog",{"title":141,"url":142,"score":82,"type":139},"PrestaShop headless : Nuxt 3, pas Next.js — le choix souverain","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-nextjs-souverainete",{"title":144,"url":145,"score":82,"type":139},"Sylius rachète PrestaShop : ce que ça change pour vous","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fsylius-rachat-prestashop-headless-souverainete",[],{"columns":148},[149,161,191,207],{"title":150,"links":151},"Plateforme",[152,154,157,158],{"label":153,"href":105,"external":73},"Offre Starter (2 500 €)",{"label":155,"href":156,"external":73},"Devenir Ambassadeur","\u002Fambassadeur",{"label":88,"href":89,"external":73},{"label":159,"href":160,"external":20},"CodeMyShop.com","https:\u002F\u002Fcodemyshop.com",{"title":162,"links":163},"Le Synedre",[164,167,170,173,176,179,182,185,188],{"label":165,"href":166,"external":73},"L'histoire","\u002Fsynedre",{"label":168,"href":169,"external":73},"Constitution","\u002Fsynedre\u002Fconstitution",{"label":171,"href":172,"external":73},"L'équipe","\u002Fequipe",{"label":174,"href":175,"external":73},"Le réacteur en direct","\u002Freacteur",{"label":177,"href":178,"external":73},"Le Drill (entraînement)","\u002Fdrill",{"label":180,"href":181,"external":73},"Protocole de réunion","\u002Fsynedre\u002Freunion",{"label":183,"href":184,"external":73},"Les agents IA","\u002Fagents-ia",{"label":186,"href":187,"external":73},"La Conduite","\u002Fsynedre\u002Fconduite",{"label":189,"href":190,"external":73},"Charte plateforme","\u002Fsynedre\u002Fcharte",{"title":192,"links":193},"Ressources",[194,195,196,199,201,204],{"label":80,"href":81,"external":73},{"label":113,"href":114,"external":73},{"label":197,"href":198,"external":73},"Dictionnaire","\u002Fdictionnaire",{"label":200,"href":71,"external":73},"Expertise PrestaShop",{"label":202,"href":203,"external":73},"Flywheel","\u002Fflywheel",{"label":205,"href":206,"external":73},"Manifeste","\u002Fmanifeste",{"title":120,"links":208},[209,211,214],{"label":210,"href":121,"external":73},"Alexandre Carette",{"label":212,"href":213,"external":73},"Dossier de presse","\u002Fpresse",{"label":128,"href":129,"external":73},{"footer":216},{"theme":217,"description":72,"hours":72,"logo":218,"contact":221,"social":222,"bottomBar":232},"dark",{"src":219,"href":220,"alt":210},"\u002Flogo-ac.svg","\u002F",{"email":72,"phone":72,"address":72,"cta":72},[223,226,229],{"platform":224,"href":225,"label":224},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Falexandre-carette\u002F",{"platform":227,"href":228,"label":227},"malt","https:\u002F\u002Fwww.malt.fr\u002Fprofile\u002Falexandrecarette",{"platform":230,"href":231,"label":230},"github","https:\u002F\u002Fgithub.com\u002Fprest4cafe",{"copyright":72},{"header":234},{"logo":235,"topBar":238,"contactEmail":241,"features":242,"navBar":72},{"src":219,"alt":236,"text":210,"href":220,"class":237},"Alexandre Carette — Architecte E-commerce Souverain","h-10 w-10",{"message":72,"showLanguages":73,"align":239,"languages":240},"left",[],"contact@alexandrecarette.fr",{"showSearch":73,"showWishlist":73,"showLogin":20,"showContact":73,"showCart":73,"stickyHeader":20,"headerLayout":243},"inline"]