Guide · Mode d'emploiGuide · User manual

Prise en main pas à pasStep-by-step guide

Pour débutants · du téléchargement à la mise en ligneFor beginners · from download to launch

01Installer le thèmeInstall the theme 02Choisir un stylePick a style 03Personnaliser couleurs & policesCustomize colors & fonts 04Mettre en place la boutiqueSet up the shop 05Ajouter l'IA (optionnel)Add AI (optional) 06AstucesTips

En une phraseIn one line Vous installez le thème, vous choisissez un style en un clic, et vous éditez tout visuellement dans l'éditeur de site. L'IA est un bonus optionnel. You install the theme, pick a style in one click, and edit everything visually in the Site Editor. AI is an optional bonus.

01 · Installer le thème01 · Install the theme

Dans WordPress : Apparence → Thèmes → Ajouter.In WordPress: Appearance → Themes → Add New.
Cherchez « Synthocode E-Commerce AI » → Installer → Activer.Search "Synthocode E-Commerce AI" → Install → Activate.
C'est tout : vos modèles de boutique (accueil, boutique, fiche produit, panier) sont prêts.That's it: your storefront templates (home, shop, product, cart) are ready.

Bon à savoirGood to know — le thème fonctionne seul. Pas besoin d'un page builder ni d'un plugin obligatoire.the theme works on its own. No page builder and no required plugin.

02 · Choisir un style02 · Pick a style

Le thème inclut 9 variations. Chacune recolore toute la boutique (boutons, prix, liens, focus) en un clic — certaines changent même la police des titres.The theme ships 9 variations. Each re-colors the whole store (buttons, prices, links, focus) in one click — some even switch the heading font.

Ouvrez Apparence → Éditeur → Styles.Open Appearance → Editor → Styles.
Cliquez l'icône Parcourir les styles et choisissez : Violet (défaut), Emerald Luxe, Nordic Frost, Coral Bloom, Graphite Mono, Onyx Ruby, Desert Rose, Tech Innovation, Midnight Galaxy.Click the Browse styles icon and pick: Violet (default), Emerald Luxe, Nordic Frost, Coral Bloom, Graphite Mono, Onyx Ruby, Desert Rose, Tech Innovation, Midnight Galaxy.
Enregistrer. Pour revenir au défaut : bouton Réinitialiser les styles.Save. To go back to default: Reset styles button.

03 · Personnaliser couleurs & polices03 · Customize colors & fonts

Dans Styles, vous pouvez tout ajuster sans code.In Styles, you can fine-tune everything without code.

Couleurs des boutons : Styles → Couleurs → Bouton → Arrière-plan (les boutons gardent leur effet glossy en s'adaptant à la couleur choisie).Button color: Styles → Colors → Button → Background (buttons keep their glossy effect, adapting to your color).
Couleur des prix : cliquez un prix dans la grille → panneau Typographie/Couleur.Price color: click a price in the grid → Typography/Color panel.
Taille & police du prix : sélectionnez le bloc Prix → Typographie → Taille / Police.Price size & font: select the Price block → Typography → Size / Font.

AstuceTip — « Réinitialiser les styles » annule vos retouches et restaure l'état d'origine du thème."Reset styles" undoes your tweaks and restores the theme's original state.

04 · Mettre en place la boutique04 · Set up the shop

Installez WooCommerce (Extensions → Ajouter) et suivez son assistant — il crée les pages Boutique, Panier, Commande, Mon compte.Install WooCommerce (Plugins → Add New) and follow its wizard — it creates the Shop, Cart, Checkout and My Account pages.
Ajoutez vos produits (Produits → Ajouter). Le thème les affiche dans des grilles alignées, sans décalage au clic « Ajouter au panier ».Add your products (Products → Add New). The theme shows them in aligned grids, with no layout shift on "Add to cart".

05 · Ajouter l'IA (optionnel)05 · Add AI (optional)

Pour générer descriptions et visuels automatiquement, installez le plugin gratuit Synthocode AI Companion (Extensions → Ajouter). Il fonctionne en BYOK : collez vos clés (Groq/OpenAI pour le texte, fal.ai pour les images) dans ses réglages. Le thème, lui, fonctionne très bien sans.To generate descriptions and visuals automatically, install the free Synthocode AI Companion plugin (Plugins → Add New). It runs in BYOK mode: paste your keys (Groq/OpenAI for text, fal.ai for images) in its settings. The theme works perfectly fine without it.

06 · Astuces06 · Tips

Un réglage qui « ne change rien » ? Videz le cache et, pour theme.json, désactivez/réactivez le thème (il est mis en cache).A setting that "does nothing"? Clear the cache and, for theme.json, deactivate/reactivate the theme (it's cached).
Une grille produit personnalisée se décale ? Éditeur → Modèles → Effacer les personnalisations pour reprendre le modèle du thème.A customized product grid shifts? Editor → Templates → Clear customizations to restore the theme's template.
Besoin d'aide ? contact@synthocode.studio ou le forum WordPress.org du thème.Need help? contact@synthocode.studio or the theme's WordPress.org forum.