[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"theme-db":3,"$fTo6SM0J-qqWM9ctjBr47QV1e910AwCskHduKHmgQSrw":22,"$fKnz2vuX4bZz1LbUTiuFsvSZ3e07l5_5fqNYp4Tzdhi8":62,"$fn7ZMSx9d0SB-DWc7JUDq7cFQu5HWDy8o-P64BjUlsOU":143,"megamenu":158,"footer-db":213,"header-db":231},{"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":57,"readingTime":58,"generatedAt":59,"publishDate":59,"relatedArticles":60,"sourceCategory":61},"Optimiser le responsive design d'une boutique PrestaShop de literie","optimiser-responsive-design-boutique-prestashop-literie","Guide complet pour adapter le responsive design d'une boutique PrestaShop spécialisée literie : grilles produits, fiches sur mesure et UX mobile optimisée.","design",[28,29,30,31,32,33,34],"responsive design","mobile","literie","CSS","Bootstrap","UX mobile","catalogue produits","intermediaire",[37,38,39],"1.6","1.7","8.x","\u003Ch2>Introduction\u003C\u002Fh2>\n\u003Cp>Le secteur de la literie en ligne présente des défis spécifiques en matière de responsive design : fiches produits riches avec des options de personnalisation (dimensions sur mesure, fermetés, matériaux), visuels grand format, et parcours d'achat qui doit rassurer sur un produit que le client ne peut pas essayer physiquement. Après avoir accompagné plusieurs fabricants français de literie dans la mise en ligne de leur catalogue PrestaShop, je partage ici les bonnes pratiques pour garantir une expérience mobile irréprochable.\u003C\u002Fp>\n\u003Ch2>Pourquoi le responsive est critique pour un site de literie\u003C\u002Fh2>\n\u003Cp>Plus de 65 % du trafic e-commerce provient désormais du mobile. Pour un fabricant de literie qui vend en direct, chaque visiteur mobile qui quitte le site à cause d'un affichage cassé représente une vente perdue — souvent à panier élevé (300 € à 2 000 €). Google pénalise également les sites non mobile-friendly dans ses résultats de recherche depuis le passage au Mobile-First Indexing.\u003C\u002Fp>\n\u003Ch3>Les points de friction courants\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>**Grilles produits mal adaptées** : les vignettes de matelas, souvent en format paysage, se retrouvent écrasées sur mobile\u003C\u002Fli>\n\u003Cli>**Tableaux de dimensions illisibles** : les guides de tailles sur mesure débordent de l'écran\u003C\u002Fli>\n\u003Cli>**Sélecteurs de déclinaisons trop petits** : les boutons de choix de dimensions deviennent inutilisables au doigt\u003C\u002Fli>\n\u003Cli>**Images produit trop lourdes** : un visuel de matelas en haute définition peut peser plusieurs Mo\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Auditer le responsive de votre boutique PrestaShop\u003C\u002Fh2>\n\u003Cp>Avant de corriger, il faut diagnostiquer. Voici la méthode que je recommande :\u003C\u002Fp>\n\u003Ch3>1. Tester sur les vrais breakpoints\u003C\u002Fh3>\n\u003Cp>PrestaShop 1.7+ et 8.x utilisent Bootstrap 4 avec ces breakpoints par défaut :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Breakpoints Bootstrap 4 (PrestaShop 1.7+ \u002F 8.x) *\u002F\n$grid-breakpoints: (\n  xs: 0,\n  sm: 576px,\n  md: 768px,\n  lg: 992px,\n  xl: 1200px\n);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Ouvrez les DevTools de Chrome (F12), activez le mode responsive (Ctrl+Shift+M), et testez systématiquement à 375px (iPhone SE), 768px (tablette portrait) et 1024px (tablette paysage).\u003C\u002Fp>\n\u003Ch3>2. Identifier les éléments qui débordent\u003C\u002Fh3>\n\u003Cp>Ajoutez temporairement ce CSS pour visualiser les débordements :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Debug : met en évidence les éléments qui débordent *\u002F\n* {\n  outline: 1px solid rgba(255, 0, 0, 0.2);\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Un snippet plus avancé pour détecter automatiquement les éléments qui causent un scroll horizontal :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-javascript\">\n\u002F\u002F À coller dans la console DevTools\ndocument.querySelectorAll('*').forEach(el => {\n  if (el.scrollWidth > document.documentElement.clientWidth) {\n    console.warn('Débordement détecté :', el);\n    el.style.outline = '3px solid red';\n  }\n});\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Corriger les problèmes responsive courants\u003C\u002Fh2>\n\u003Ch3>Grille produits adaptative\u003C\u002Fh3>\n\u003Cp>Le fichier à modifier dépend de votre version :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**PrestaShop 1.6** : `themes\u002Fvotre-theme\u002Fproduct-list.tpl`\u003C\u002Fli>\n\u003Cli>**PrestaShop 1.7 \u002F 8.x** : `themes\u002Fvotre-theme\u002Ftemplates\u002Fcatalog\u002Flisting\u002Fproduct-miniature.tpl`\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Pour une grille qui passe de 4 colonnes (desktop) à 2 (tablette) puis 1 (mobile) :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n{* PrestaShop 1.7+ \u002F 8.x — product-miniature.tpl *}\n<div class=\"col-6 col-md-4 col-lg-3 product-miniature-wrapper\">\n  {block name='product_miniature_item'}\n    <article class=\"product-miniature\">\n      {* contenu de la miniature *}\n    <\u002Farticle>\n  {\u002Fblock}\n<\u002Fdiv>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Images produit responsives\u003C\u002Fh3>\n\u003Cp>Les visuels de matelas sont souvent en très haute résolution. Utilisez le lazy loading natif et l'attribut \u003Ccode>srcset\u003C\u002Fcode> :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-html\">\n<img \n  src=\"{$product.cover.medium.url}\"\n  srcset=\"{$product.cover.small.url} 400w,\n          {$product.cover.medium.url} 800w,\n          {$product.cover.large.url} 1200w\"\n  sizes=\"(max-width: 576px) 100vw, (max-width: 992px) 50vw, 25vw\"\n  loading=\"lazy\"\n  alt=\"{$product.name|escape:'html':'UTF-8'}\"\n  class=\"img-fluid\"\n\u002F>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Dans PrestaShop 8.x, configurez les formats d'image optimisés dans \u003Cstrong>Back Office > Design > Images\u003C\u002Fstrong> et activez le format WebP si votre hébergeur le supporte.\u003C\u002Fp>\n\u003Ch3>Tableaux de dimensions sur mobile\u003C\u002Fh3>\n\u003Cp>Les guides de tailles pour matelas sur mesure utilisent souvent des tableaux HTML classiques qui débordent sur mobile. La solution :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Rendre les tableaux scrollables horizontalement sur mobile *\u002F\n.product-description table {\n  display: block;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  max-width: 100%;\n}\n\n\u002F* Alternative : empiler les cellules en mode carte *\u002F\n@media (max-width: 576px) {\n  .size-guide-table thead {\n    display: none;\n  }\n  .size-guide-table tr {\n    display: block;\n    margin-bottom: 1rem;\n    border: 1px solid #dee2e6;\n    border-radius: 4px;\n    padding: 0.75rem;\n  }\n  .size-guide-table td {\n    display: flex;\n    justify-content: space-between;\n    padding: 0.25rem 0;\n    border: none;\n  }\n  .size-guide-table td::before {\n    content: attr(data-label);\n    font-weight: 600;\n  }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Sélecteur de déclinaisons tactile\u003C\u002Fh3>\n\u003Cp>Pour les produits sur mesure (choix de largeur, longueur, fermeté), agrandissez les zones cliquables :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-css\">\n\u002F* Déclinaisons plus accessibles sur mobile *\u002F\n@media (max-width: 768px) {\n  .product-variants .input-radio {\n    min-width: 48px;\n    min-height: 48px; \u002F* Taille minimale recommandée par Google *\u002F\n    font-size: 0.9rem;\n    padding: 0.5rem 0.75rem;\n  }\n  \n  .product-variants .product-variants-item {\n    margin-bottom: 1rem;\n  }\n  \n  .product-variants .custom-select {\n    font-size: 16px; \u002F* Empêche le zoom auto sur iOS *\u002F\n    padding: 0.75rem;\n  }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cblockquote>\u003Cp>\u003Cstrong>Astuce importante :\u003C\u002Fstrong> sur iOS Safari, un champ \u003Ccode>\u003Cselect>\u003C\u002Fcode> ou \u003Ccode>\u003Cinput>\u003C\u002Fcode> avec une taille de police inférieure à 16px déclenche un zoom automatique de la page. Fixez toujours \u003Ccode>font-size: 16px\u003C\u002Fcode> minimum sur les éléments de formulaire mobiles.\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Ch2>Le choix du nom de domaine pour un site e-commerce\u003C\u002Fh2>\n\u003Cp>Un aspect souvent sous-estimé lors du lancement d'une boutique en ligne est le nom de domaine. Pour un fabricant de literie, le domaine doit remplir plusieurs critères :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Mémorisable** : évitez les noms trop longs ou les tirets multiples\u003C\u002Fli>\n\u003Cli>**Porteur de sens** : le domaine doit évoquer l'activité ou la marque\u003C\u002Fli>\n\u003Cli>**Extension adaptée** : `.fr` pour un fabricant français ciblant le marché national, `.com` pour l'international\u003C\u002Fli>\n\u003Cli>**Sans ambiguïté phonétique** : le domaine doit pouvoir se transmettre à l'oral sans confusion\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Dans PrestaShop 8.x, vous pouvez configurer votre domaine dans \u003Cstrong>Back Office > Paramètres de la boutique > Trafic & SEO > SEO & URLs\u003C\u002Fstrong>, section \"Configuration des URLs\". Pensez à configurer la redirection 301 du domaine sans \u003Ccode>www\u003C\u002Fcode> vers le domaine avec \u003Ccode>www\u003C\u002Fcode> (ou inversement) au niveau de votre serveur web.\u003C\u002Fp>\n\u003Ch2>Checklist responsive avant mise en production\u003C\u002Fh2>\n\u003Cp>Avant de déployer votre boutique PrestaShop, validez ces points :\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-markdown\">\n☐ Page d'accueil : slider\u002Fbannière lisible sur mobile\n☐ Listing catégorie : grille 1-2 colonnes sur mobile\n☐ Fiche produit : images zoomables, déclinaisons cliquables\n☐ Panier : récapitulatif lisible, boutons suffisamment grands\n☐ Tunnel de commande : formulaires utilisables au doigt\n☐ Header : menu hamburger fonctionnel, logo redimensionné\n☐ Footer : liens empilés verticalement\n☐ Recherche : barre accessible et fonctionnelle\n☐ Aucun scroll horizontal parasite\n☐ Score Lighthouse Mobile > 80\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Tester avec Lighthouse\u003C\u002Fh3>\n\u003Cp>Lancez un audit Lighthouse depuis les DevTools Chrome (onglet Lighthouse) en mode Mobile. Visez un score supérieur à 80 en Performance et 100 en Accessibilité. Les métriques clés à surveiller :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**LCP (Largest Contentful Paint)** : \u003C 2,5 s — souvent impacté par les images produit non optimisées\u003C\u002Fli>\n\u003Cli>**CLS (Cumulative Layout Shift)** : \u003C 0,1 — les sliders et images sans dimensions explicites sont les premiers coupables\u003C\u002Fli>\n\u003Cli>**FID\u002FINP** : \u003C 200 ms — attention aux scripts de personnalisation produit trop lourds\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Spécificités PrestaShop 8.x\u003C\u002Fh2>\n\u003Cp>Si vous migrez depuis PrestaShop 1.6, notez ces changements majeurs pour le responsive :\u003C\u002Fp>\n\u003Cul>\n\u003Cli>**Bootstrap 4** remplace Bootstrap 3 : les classes de grille changent (`col-xs-*` devient `col-*`)\u003C\u002Fli>\n\u003Cli>**Le thème Classic** est nativement responsive et constitue une bonne base\u003C\u002Fli>\n\u003Cli>**Symfony remplace les anciens controllers** : les surcharges de templates sont à revoir\u003C\u002Fli>\n\u003Cli>**Le format WebP** est supporté nativement pour les images produit\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cpre>\u003Ccode class=\"language-bash\">\n# Régénérer les miniatures après configuration des formats d'image\nphp bin\u002Fconsole prestashop:image:regenerate --format=all\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Conclusion\u003C\u002Fh2>\n\u003Cp>Le responsive design d'une boutique PrestaShop de literie ne se limite pas à \"ça rentre sur l'écran\". C'est un travail d'optimisation UX complet qui impacte directement le taux de conversion. Un site de literie mal adapté au mobile perd facilement 30 à 40 % de son chiffre d'affaires potentiel. Prenez le temps d'auditer chaque étape du parcours client sur mobile, optimisez les visuels et les interactions tactiles, et testez sur de vrais appareils avant la mise en production.\u003C\u002Fp>",[42,45,48,51,54],{"q":43,"a":44},"Comment tester le responsive design de ma boutique PrestaShop sans appareil mobile ?","Utilisez les DevTools de Chrome (F12 puis Ctrl+Shift+M) pour simuler différents appareils. Testez au minimum sur 375px (smartphone), 768px (tablette portrait) et 1024px (tablette paysage). Pour un test plus fiable, utilisez BrowserStack ou testez sur de vrais appareils, car les émulateurs ne reproduisent pas toujours fidèlement le comportement tactile et les spécificités des navigateurs mobiles.",{"q":46,"a":47},"Pourquoi mes formulaires de sélection de taille provoquent un zoom sur iPhone ?","Safari sur iOS déclenche un zoom automatique lorsqu'un champ de formulaire (select, input, textarea) a une taille de police inférieure à 16px. La solution est d'appliquer font-size: 16px minimum sur tous les éléments de formulaire dans votre CSS mobile. Cela concerne particulièrement les sélecteurs de déclinaisons PrestaShop (choix de dimensions, fermeté, etc.).",{"q":49,"a":50},"Quelle est la meilleure grille de colonnes pour un listing produits PrestaShop sur mobile ?","Pour un catalogue de literie, je recommande 1 colonne sur smartphone (\u003C 576px) et 2 colonnes sur tablette (576-992px). Utilisez les classes Bootstrap 4 : col-12 col-sm-6 col-md-4 col-lg-3. Les produits de literie ayant des visuels en format paysage, une seule colonne sur mobile permet de conserver un rendu qualitatif et des zones cliquables confortables.",{"q":52,"a":53},"Comment optimiser les images de matelas pour le chargement mobile sur PrestaShop ?","Trois actions essentielles : activez le format WebP dans PrestaShop 8.x (Back Office > Design > Images), utilisez l'attribut srcset pour servir des images adaptées à chaque résolution d'écran, et ajoutez loading='lazy' sur toutes les images sous la ligne de flottaison. Pour les visuels de matelas souvent volumineux, visez un poids maximum de 100 Ko par miniature et 300 Ko par image principale.",{"q":55,"a":56},"Comment adapter un tableau de dimensions sur mesure pour l'affichage mobile ?","Deux approches sont possibles : soit rendre le tableau scrollable horizontalement avec overflow-x: auto (solution rapide), soit transformer les lignes du tableau en cartes empilées verticalement avec CSS (display: block sur les tr et td, et utilisation de data-label pour afficher les en-têtes). La seconde approche offre une meilleure expérience utilisateur mais nécessite d'ajouter des attributs data-label sur chaque cellule.","Guide complet pour optimiser le responsive design d'une boutique PrestaShop spécialisée literie : diagnostic des problèmes courants (grilles, images, sélecteurs de déclinaisons, tableaux de tailles), corrections CSS et templates, et checklist de validation avant mise en production.",7,"2026-03-21T15:59:14.000Z",[],"Testez mon site ! :)",{"columns":63},[64,80,110,131],{"title":65,"links":66},"Plateforme",[67,71,74,77],{"label":68,"href":69,"external":70},"Offre Starter (2 500 €)","\u002Foffre-starter",false,{"label":72,"href":73,"external":70},"Devenir Ambassadeur","\u002Fambassadeur",{"label":75,"href":76,"external":70},"Modules PrestaShop","\u002Fmodules",{"label":78,"href":79,"external":20},"CodeMyShop.com","https:\u002F\u002Fcodemyshop.com",{"title":81,"links":82},"Le Synedre",[83,86,89,92,95,98,101,104,107],{"label":84,"href":85,"external":70},"L'histoire","\u002Fsynedre",{"label":87,"href":88,"external":70},"Constitution","\u002Fsynedre\u002Fconstitution",{"label":90,"href":91,"external":70},"L'équipe","\u002Fequipe",{"label":93,"href":94,"external":70},"Le réacteur en direct","\u002Freacteur",{"label":96,"href":97,"external":70},"Le Drill (entraînement)","\u002Fdrill",{"label":99,"href":100,"external":70},"Protocole de réunion","\u002Fsynedre\u002Freunion",{"label":102,"href":103,"external":70},"Les agents IA","\u002Fagents-ia",{"label":105,"href":106,"external":70},"La Conduite","\u002Fsynedre\u002Fconduite",{"label":108,"href":109,"external":70},"Charte plateforme","\u002Fsynedre\u002Fcharte",{"title":111,"links":112},"Ressources",[113,116,119,122,125,128],{"label":114,"href":115,"external":70},"Blog","\u002Fblog",{"label":117,"href":118,"external":70},"Academy","\u002Facademy",{"label":120,"href":121,"external":70},"Dictionnaire","\u002Fdictionnaire",{"label":123,"href":124,"external":70},"Expertise PrestaShop","\u002Fexpertise",{"label":126,"href":127,"external":70},"Flywheel","\u002Fflywheel",{"label":129,"href":130,"external":70},"Manifeste","\u002Fmanifeste",{"title":132,"links":133},"À propos",[134,137,140],{"label":135,"href":136,"external":70},"Alexandre Carette","\u002Fa-propos",{"label":138,"href":139,"external":70},"Dossier de presse","\u002Fpresse",{"label":141,"href":142,"external":70},"Contact","\u002Fcontact",{"academy":144,"blog":145,"expertise":157},[],[146,151,154],{"title":147,"url":148,"score":149,"type":150},"PrestaShop headless avec Nuxt 3 : pourquoi séparer back et front","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-separation-front-back",1,"blog",{"title":152,"url":153,"score":149,"type":150},"PrestaShop headless : Nuxt 3, pas Next.js — le choix souverain","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fprestashop-headless-nuxt-nextjs-souverainete",{"title":155,"url":156,"score":149,"type":150},"Sylius rachète PrestaShop : ce que ça change pour vous","\u002Fblog\u002Fprestashop\u002Farchitecture\u002Fsylius-rachat-prestashop-headless-souverainete",[],{"items":159},[160,169,174,180,188,196,202,208],{"id":161,"type":162,"label":163,"href":124,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":166,"children":167,"psChildren":168},41,"link",{"fr":164},"Expertise",null,0,[],[],{"id":170,"type":162,"label":171,"href":115,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":149,"children":172,"psChildren":173},42,{"fr":114},[],[],{"id":175,"type":162,"label":176,"href":76,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":177,"children":178,"psChildren":179},43,{"fr":75},2,[],[],{"id":181,"type":162,"label":182,"href":184,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":185,"children":186,"psChildren":187},44,{"fr":183},"Outils IA","\u002Foutils-ia",3,[],[],{"id":189,"type":162,"label":190,"href":69,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":192,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":193,"children":194,"psChildren":195},45,{"fr":191},"Offre Starter ✨",{"highlight":20},4,[],[],{"id":197,"type":162,"label":198,"href":118,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":199,"children":200,"psChildren":201},46,{"fr":117},5,[],[],{"id":203,"type":162,"label":204,"href":136,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":205,"children":206,"psChildren":207},47,{"fr":132},6,[],[],{"id":209,"type":162,"label":210,"href":142,"icon":165,"description":165,"badge":165,"groupTitle":165,"style":165,"gridColumns":165,"cssClass":165,"psCategoryId":165,"showPsChildren":70,"position":58,"children":211,"psChildren":212},48,{"fr":141},[],[],{"footer":214},{"theme":215,"description":165,"hours":165,"logo":216,"contact":219,"social":220,"bottomBar":230},"dark",{"src":217,"href":218,"alt":135},"\u002Flogo-ac.svg","\u002F",{"email":165,"phone":165,"address":165,"cta":165},[221,224,227],{"platform":222,"href":223,"label":222},"linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Falexandre-carette\u002F",{"platform":225,"href":226,"label":225},"malt","https:\u002F\u002Fwww.malt.fr\u002Fprofile\u002Falexandrecarette",{"platform":228,"href":229,"label":228},"github","https:\u002F\u002Fgithub.com\u002Fprest4cafe",{"copyright":165},{"header":232},{"logo":233,"topBar":236,"contactEmail":239,"features":240,"navBar":165},{"src":217,"alt":234,"text":135,"href":218,"class":235},"Alexandre Carette — Architecte E-commerce Souverain","h-10 w-10",{"message":165,"showLanguages":70,"align":237,"languages":238},"left",[],"contact@alexandrecarette.fr",{"showSearch":70,"showWishlist":70,"showLogin":20,"showContact":70,"showCart":70,"stickyHeader":20,"headerLayout":241},"inline"]