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
Aller à l'éditeur de thème
Admin Shopify → Boutique en ligne → ThèmesOuvrir 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.
Accéder aux paramètres
Dans le personnalisateur, cliquez « Paramètres du thème » en bas
Trouver « Barre d'annonce » section
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é
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.
Trouver la section Typographie
Dans les paramètres du thème, localisez « Typographie »
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
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.
Accéder aux paramètres d'horloge
Trouver « Paramètres d'horloge » dans les paramètres du thème
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 »
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é.
Accéder au logo de la boutique
Trouver « Logo de la boutique » dans les paramètres du thème
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)
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.
Trouver les paramètres de mise en page de la boutique
Localisez « Mise en page de la boutique » section
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
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
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.
Accéder aux paramètres SEO
Trouver « Paramètres SEO » dans les paramètres du thème
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)
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 :
Prévisualiser les modifications
Cliquer sur « Aperçu » pour voir les modifications
Tester sur ordinateur et mobile
Vérifier toutes les pages essentielles
Tester les fonctions essentielles
La navigation fonctionne correctement
Le logo s'affiche correctement
Les polices sont correctes
La mise en page est responsive
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 - 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 : https://discord.gg/hcc2GvgZc6
📧 Envoyez-nous un e-mail à : [email protected]
💻 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
Mis à jour