2. Configuration de votre page d'accueil

Pour Plain Jane et Interactive

⚠️ Remarque : Le Fond dynamique section a été dépréciée dans les dernières versions de Plain Jane et Interactive. Utilisez Toile de la page à la place — elle offre la même fonctionnalité pour les images d'arrière-plan, les vidéos, les couleurs, etc.

⚠️ Remarque : Ce guide prennent s'applique aux utilisateurs de Plain Jane Starter.

Ce que vous apprendrez

  • Comment personnaliser la mise en page de votre page d'accueil dans Plain Jane v3 et Interactive v2

  • Comment ajouter et configurer des menus centrés, alignés sur le côté et compacts

  • Quand utiliser chaque mise en page pour de meilleurs résultats

  • Comment lier les menus et gérer la navigation

  • Comment passer entièrement la page d'accueil si vous le souhaitez

🛠️ Pour les nouveaux utilisateurs : Configurer un menu

  1. Aller à Boutique en ligne > Navigation dans votre administration Shopify.

  2. Cliquez sur Ajouter un menu et donnez-lui un nom tel que Menu de test.

  3. Ajoutez des éléments de menu comme :

    • Homme → lien vers votre collection Homme

    • Lookbook → lien vers une page personnalisée ou la page d'accueil

    • Contact → lien vers la page de contact intégrée de Shopify

  4. Cliquez sur Enregistrer.

🎨 Mise en page 1 : Menu centré

C'est la mise en page la plus populaire (par ex. page d'accueil de style Supreme).

Comment la configurer

  1. Ouvrez votre thème dans le Personnaliser les éditeur.

  2. Assurez-vous que ces sections sont présentes :

    • Préchargeur

    • Popup e-mail

    • Toile de la page

    • Menu centré

💡 Astuce : Toile de la page remplace la section dépréciée Fond dynamique Utilisez-la pour les images d'arrière-plan ou les couleurs.

Lier votre menu

  • Cliquez sur la Menu centré section

  • Dans le panneau de droite, choisissez votre menu dans le menu déroulant (par ex., Menu de test)

Icônes de réseaux sociaux

  • Activer les icônes sur

  • Collez les URL complètes de vos profils (par ex., TikTok, Threads, Tumblr)

💡 Astuce : N'ajoutez pas de contenu défilant sous le menu centré. Gardez-le propre et simple.

🎨 Mise en page 2 : Menu aligné sur le côté

Idéal pour les marques qui veulent des menus verticaux minimalistes.

Étapes de configuration

  1. Dans l'éditeur de thème, supprimez le Menu centré.

  2. Cliquez sur Ajouter une section > Menu aligné sur le côté

  3. Sélectionnez votre menu depuis le panneau de droite

Options de personnalisation

  • Ajuster taille de la police, espacement des liens, et couleurs

  • Basculer lien de connexion visibilité (nécessite l'activation des comptes clients)

  • Choisissez alignement du logo (gauche ou droite)

  • Changer famille de polices sous Paramètres du thème > Typographie

💡 Astuce : Évitez d'empiler des sections produit sous cette mise en page — elle n'est pas adaptée au défilement.

🎨 Mise en page 3 : Menu compact

Cette mise en page présente une icône hamburger en haut à droite.

Étapes de configuration

  1. Ajoutez le Menu compact section

  2. Liez votre menu sous Paramètres du thème > Paramètres globaux du menu

  3. Centrez ou alignez votre logo comme vous le souhaitez

Ajouter arrière-plan + contenu

  • Utilisez la Toile de la page section pour :

    • Définir une couleur d'arrière-plan ou téléverser une image

  • Ajouter des sections comme Liste de collections ou Carrousel de produits

⚠️ Avertissement : C'est la seule mise en page recommandée pour les pages d'accueil défilables.

🚀 Passer la page d'accueil (optionnel)

Vous voulez diriger les visiteurs directement vers une collection ?

  1. Aller à Paramètres du thème > Paramètres de la page d'accueil

  2. Activer Ignorer l'écran d'entrée

  3. Définissez la page de destination (par ex., une collection spécifique)

💡 Astuce : Cela est utile pour les marques axées sur le produit qui n'ont pas besoin d'une page d'accueil.

📌 Notes finales

  • Utilisez Toile de la page pour toute la personnalisation de l'arrière-plan de la page d'accueil

  • Gardez votre mise en page minimale et fonctionnelle

  • Sauvegardez toujours et actualisez pour prévisualiser vos changements

Mises en page prises en charge :

  • Menu centré (page d'atterrissage statique)

  • Menu aligné sur le côté (navigation verticale minimaliste)

  • Menu compact (constructeur de page d'accueil défilable)

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.

Précédent1. Installation du thème Plain JaneSuivant3. Création et personnalisation de votre page Collections

Mis à jour