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
Cliquez sur « Personnaliser » bouton
Cela ouvre le personnalisateur de thème
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.
Naviguer vers 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 : Entrez 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 d'arrière-plan
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 sur 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 du corps
Assurez-vous que les en-têtes complètent votre marque
Testez sur les appareils mobiles
Limitez-vous à 1-2 familles de polices maximum
Paramètres de l'horloge
Définissez le fuseau horaire de votre boutique pour un affichage horaire cohérent.
Accéder aux paramètres de l'horloge
Trouver « Paramètres de l'horloge » dans les paramètres du thème
Sélectionner le fuseau horaire
Choisissez dans la liste déroulante
Sélectionnez le fuseau horaire du lieu 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
Garantit 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 votre identité.
Aller à Logo de la boutique
Trouver « Logo de la boutique » dans les paramètres du thème
Téléverser le logo
Cliquez 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) est préférable
Testez à différentes tailles
Assurez la lisibilité sur mobile
Étape 4 : Mise en page de la boutique de base
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
Localiser « 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 réactive : Recommandé ACTIVÉ
Activer le défilement infini : Activer le chargement infini
Conseils de mise en page
3 colonnes fonctionnent bien pour les boutiques avec de nombreux produits
2 colonnes laissent plus d'espace pour les détails du produit
Le mobile devrait généralement utiliser moins de colonnes
Étape 5 : Paramètres SEO de base
Configurer 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 signets mobiles (120x120px)
Activer les extraits enrichis
Extraits enrichis pour les produits : Activer
Extraits enrichis pour les articles : Activer
Cela aide à la visibilité dans les moteurs de recherche
Étape 6 : Aperçu et test
Après la configuration de base :
Aperçu des modifications
Cliquez 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 réactive
Enregistrer les paramètres
Cliquez 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 qui semblent 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 bascule réactive
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
Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.
Besoin d'aide ? 💬 Rejoignez notre communauté sur Discord :
https://discord.gg/hcc2GvgZc6 📧 Envoyez-nous un e-mail à :
[email protected] 💻 Chat en direct avec nous :
✅ Aperçu testé sur mobile et ordinateur
Mis à jour