Menu aligné sur le côté

Pour Plain Jane et Plain Jane Interactive

Ce que vous apprendrez

• Comment créer une page d'accueil en utilisant la mise en page Menu aligné sur le côté

• Comment personnaliser l'arrière-plan, les liens du menu et le style

---

À propos du Menu aligné sur le côté

Le Menu aligné sur le côté la mise en page place votre logo et la navigation verticalement le long du côté gauche de l'écran. Cette mise en page est épurée et minimale, donnant la priorité visuelle à votre arrière-plan ou image de marque.

---

Comment la configurer

1. Commencez avec une toile vierge

1. Dans l'éditeur de thème, supprimez toutes les sections existantes.

2. Ne conservez que le Toile de page Activez plutôt la Collection avec barre latérale

2. Ajouter le Menu aligné sur le côté

1. Cliquer sur Ajouter une section > Menu aligné sur le côté

2. Votre navigation apparaîtra maintenant sur le côté gauche de l'écran.

3. Sélectionnez un menu Shopify pour connecter vos liens de navigation.

💡 Si vous n'avez pas encore de menu, allez à Administration Shopify > Boutique en ligne > Navigation pour en créer un.

---

Personnalisation de votre menu

Une fois ajouté, vous pouvez configurer les éléments suivants :

Contenu et comportement du menu

• Choisir le menu : Connecter un menu depuis votre navigation Shopify

• Icônes de réseaux sociaux : Cliquez sur « Ajouter un lien vers un réseau social » pour ajouter des icônes pour X, TikTok, Threads, et plus

• Afficher le lien de connexion : Choisir de l'afficher au Haut, Bas, ou de le masquer complètement

Style du logo et des liens

• Alignement du logo : Gauche ou Droite

• Alignement du menu : Aligner les liens à gauche ou à droite dans le menu

• Couleur du texte des liens / Couleur au survol

• Couleur de fond des liens (au survol)

• Taille de la police des liens et espacement vertical

Effets visuels

• Désactiver l'effet de mise en évidence : Désactive le style de surbrillance au survol

• Activer la mise à l'échelle de la nav : Active l'animation d'échelle pour les éléments du menu

---

Personnalisation de l'arrière-plan

La section Menu aligné sur le côté inclut des options d'arrière-plan intégrées, vous n'avez donc plus besoin d'utiliser la section Arrière-plan dynamique Dans les versions récentes du thème, Arrière-plan dynamique est obsolète pour cette mise en page.

Options de style d'arrière-plan :

• Couleur unie : Définir une couleur pour bureau et mobile

• Image : Télécharger des images différentes pour bureau et mobile

• Diaporama : Ajouter jusqu'à 3 diapositives d'images en rotation

• Vidéo : Télécharger une vidéo de fond (remarque : peut ne pas démarrer automatiquement sur les iPhones en mode économie d'énergie)

Paramètres supplémentaires d'arrière-plan :

• Hauteur de la section : Définir sur Hauteur complète (100 %) ou personnalisée

• Couleurs de superposition et opacité:

  • Contrôle séparé pour les superpositions supérieure et inférieure

  • Paramètres indépendants pour bureau et mobile

💡 Astuce : Utilisez des superpositions pour créer du contraste entre le texte et les visuels d'arrière-plan.

---

Quand utiliser cette mise en page

Utilisez le Menu aligné sur le côté lorsque :

• Vous voulez une mise en page propre et moderne avec une navigation verticale

• Votre image d'arrière-plan ou votre illustration de marque est au cœur de l'expérience

• Vous ne prévoyez pas d'utiliser de nombreuses sections défilables sur la page d'accueil

---

Besoin d’aide ?

• 💬 Rejoignez notre communauté sur Discord : https://discord.gg/hcc2GvgZc6

• 📧 Envoyez-nous un e-mail à : [e-mail]

• 💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web