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
Dans l'éditeur de thème, supprimez toutes les sections existantes.
Ne conservez que le
Toile de pageActivez plutôt la Collection avec barre latérale
2. Ajouter le Menu aligné sur le côté
Cliquer sur Ajouter une section > Menu aligné sur le côté
Votre navigation apparaîtra maintenant sur le côté gauche de l'écran.
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 à : [email protected]
💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web
Mis à jour