> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-starter/getting-started/basic-setup.md). # Configuration de base Après l'installation de Plain Jane Starter, suivez ce guide pour configurer les paramètres essentiels de votre boutique. ## Étape 1 : Accéder aux paramètres du thème 1. **Aller à l'éditeur de thème** ``` Admin Shopify → Boutique en ligne → Thèmes ``` 2. **Ouvrir le personnalisateur** * Trouvez « Plain Jane Starter » dans vos thèmes * Cliquer sur **« Personnaliser »** bouton * Cela ouvre le personnalisateur de thème \ \&#xNAN;*Capturé automatiquement le 2025-07-17* ## Étape 2 : Configuration des paramètres essentiels ### Configuration de la barre d'annonce La barre d'annonce apparaît en haut de votre boutique. 1. **Accéder aux paramètres** * Dans le personnalisateur, cliquez **« Paramètres du thème »** en bas * Trouver **« Barre d'annonce »** section 2. **Configurer l'annonce** * **Texte de l'annonce** : Saisissez votre message * Exemple : « Livraison gratuite pour les commandes supérieures à 50 $ » * **Afficher la barre d'annonce** : Activer * **Couleur de la barre d'annonce** : Choisir la couleur de fond * **Couleur du texte de l'annonce** : Définir la couleur du texte pour la lisibilité 3. **Bonnes pratiques** * Gardez le texte court et incitatif * Utilisez des couleurs contrastées pour la lisibilité * Mettez à jour régulièrement avec les promotions en cours ### Configuration de la typographie Définissez les polices de votre marque pour l'ensemble de la boutique. 1. **Trouver la section Typographie** * Dans les paramètres du thème, localisez **« Typographie »** 2. **Configurer les polices** * **Police du corps** : Pour le texte général (paragraphes, descriptions) * **Police des en-têtes** : Pour les titres et rubriques * **Police des boutons** : Pour le texte des boutons 3. **Conseils de sélection des polices** * Choisissez des polices lisibles pour le texte principal * Assurez-vous que les en-têtes complètent votre marque * Testez sur appareils mobiles * Limitez-vous à 1-2 familles de polices maximum ### Paramètres d'horloge Définissez le fuseau horaire de votre boutique pour un affichage horaire cohérent. 1. **Accéder aux paramètres d'horloge** * Trouver **« Paramètres d'horloge »** dans les paramètres du thème 2. **Sélectionner le fuseau horaire** * Choisissez dans la liste déroulante * Sélectionnez le fuseau horaire correspondant à l'emplacement de votre entreprise * Exemples : « America/New\_York », « Europe/London », « Asia/Tokyo » 3. **Pourquoi c'est important** * Affecte l'affichage des horodatages * Important pour les clients internationaux * Assure des références temporelles cohérentes ## Étape 3 : Téléchargement du logo de la boutique Ajoutez le logo de votre marque pour établir l'identité. 1. **Accéder au logo de la boutique** * Trouver **« Logo de la boutique »** dans les paramètres du thème 2. **Téléverser le logo** * Cliquer sur **« Logo de la boutique »** champ * Téléversez votre fichier de logo (PNG, JPG, SVG recommandés) * **Taille du logo** : Ajustez à l'aide du curseur (65-165px) 3. **Directives pour le logo** * Utilisez des images haute résolution * Un fond transparent (PNG) fonctionne mieux * Testez à différentes tailles * Assurez la lisibilité sur mobile ## Étape 4 : Mise en page de base de la boutique Configurez la façon dont les produits s'affichent sur les pages de collection. 1. **Trouver les paramètres de mise en page de la boutique** * Localisez **« Mise en page de la boutique »** section 2. **Configurer la grille** * **Colonnes sur ordinateur** : Choisir 2 ou 3 colonnes * **Colonnes sur mobile** : Choisir 1 ou 2 colonnes * **Espacement des colonnes** : Espacement entre les produits * **Espacement des lignes** : Espacement vertical 3. **Options d'affichage des produits** * **Taille de l'image produit** : Pourcentage du conteneur (60-100%) * **Largeur de la boîte produit** : Taille du conteneur (550-780px) * **Rendre la boîte produit responsive** : Recommandé ACTIVÉ * **Activer le défilement infini** : Activer le chargement infini 4. **Conseils de mise en page** * 3 colonnes conviennent bien aux boutiques avec de nombreux produits * 2 colonnes offrent plus d'espace pour les détails du produit * Le mobile doit généralement utiliser moins de colonnes ## Étape 5 : Paramètres SEO de base Configurez les éléments SEO essentiels. 1. **Accéder aux paramètres SEO** * Trouver **« Paramètres SEO »** dans les paramètres du thème 2. **Téléverser les icônes** * **Favicon** : Petite icône pour les onglets du navigateur (32x32px) * **Icône Apple Touch** : Pour les favoris mobiles (120x120px) 3. **Activer les extraits enrichis** * **Extraits enrichis pour produits** : Activer * **Extraits enrichis pour articles** : Activer * Ils aident à la visibilité dans les moteurs de recherche ## Étape 6 : Prévisualiser et tester Après la configuration de base : 1. **Prévisualiser les modifications** * Cliquer sur **« Aperçu »** pour voir les modifications * Tester sur ordinateur et mobile * Vérifier toutes les pages essentielles 2. **Tester les fonctions essentielles** * La navigation fonctionne correctement * Le logo s'affiche correctement * Les polices sont correctes * La mise en page est responsive 3. **Enregistrer les paramètres** * Cliquer sur **« Enregistrer »** dans le personnalisateur * Les modifications sont enregistrées automatiquement mais l'enregistrement garantit que rien n'est perdu ## Problèmes courants de configuration ### Logo non affiché * Vérifiez le format du fichier (PNG, JPG, SVG) * Vérifiez que la taille du fichier n'est pas trop grande * Videz le cache du navigateur ### Polices incorrectes * Essayez différentes combinaisons de polices * Vérifiez si la police se charge sur mobile * Videz le cache du navigateur ### Problèmes de mise en page * Ajustez la largeur de la boîte produit * Vérifiez le paramètre du basculement responsive * Testez sur un appareil mobile réel ## Étapes suivantes Une fois la configuration de base terminée, passez à la personnalisation détaillée : 👉 **Suivant**: [Configuration essentielle](/plain-jane-docs-v2-fr/plain-jane-starter/getting-started/essential-configuration.md) - Affinez l'apparence et les fonctionnalités de votre boutique. ## Liste de contrôle rapide Avant de continuer, assurez-vous d'avoir complété : * ✅ Barre d'annonce configurée * ✅ Polices sélectionnées et testées * ✅ Fuseau horaire correctement défini * ✅ Logo téléversé et dimensionné * ✅ Mise en page de la boutique configurée * ✅ Paramètres SEO activés *** ## Besoin d’aide ? 💬 **Rejoignez notre communauté sur Discord :** 📧 **Envoyez-nous un e-mail à :** 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web * ✅ Aperçu testé sur mobile et ordinateur --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-starter/getting-started/basic-setup.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.