# 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](https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-starter/getting-started/essential-configuration) - 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