Disposition du menu compact (menu global)
Ce que vous apprendrez
Comment utiliser la section Menu Compact dans Plain Jane
Comment connecter la navigation en utilisant les paramètres du Menu Global
Bonnes pratiques pour les pages d'accueil défilantes
Qu'est-ce que le Menu Compact ?
Le Menu compact est une section disponible dans le thème Plain Jane qui ajoute une icône de navigation de type « hamburger » en haut de votre page d'accueil. Lorsqu'on clique dessus, elle ouvre un tiroir de menu complet contenant vos liens de navigation.
Bien que la section s'appelle Menu compact, elle se connecte à la navigation définie dans votre Paramètres du thème > Paramètres globaux du menu. C'est pourquoi vous pouvez la voir désignée des deux manières.
Ce dispositif convient mieux aux marques qui souhaitent :
Une barre supérieure minimaliste et moderne avec une navigation extensible
Un contrôle total sur le contenu des pages d'accueil défilantes
Une expérience visuelle épurée pour le storytelling ou les drops
Comment ajouter le Menu Compact
Dans l'éditeur de thème, allez à Sections panneau.
Supprimez toutes les sections de menu existantes (Menu centré, Menu aligné sur le côté).
Cliquer sur Ajouter une section > Menu Compact.
Vous verrez une icône hamburger apparaître en haut à droite de l'aperçu.
Connecter votre navigation
Pour rendre le menu tiroir fonctionnel :
Aller à Paramètres du thème > Paramètres globaux du menu.
Sélectionnez un menu Shopify (ou créez-en un nouveau via l'administration Shopify).
Le menu apparaîtra maintenant lorsque vous cliquerez sur l'icône hamburger.
💡 Astuce : Mettez à jour la structure de votre navigation sous Boutique en ligne > Navigation dans votre administration Shopify.
Personnaliser l'apparence
Position du logo : Gauche, centré ou droite
Arrière-plans : Associez avec une
Arrière-plan dynamiquesection pour la couleur, l'image ou le diaporamaPolices et tailles : Ajustez la taille et l'espacement des liens de menu sous Paramètres du thème > Typographie
Sections : Ajoutez d'autres sections de la page d'accueil telles que :
Liste de collections
Carrousel de produits
Flux d’images
⚠️ Utilisez la
Toile de pagesection pour envelopper et structurer toutes les sections de la page d'accueil.Quand utiliser le Menu Compact
Excellent pour :
Pages d'accueil à fort contenu défilable
Marques utilisant des visuels, des vidéos ou des carrousels
Mises en page adaptées aux mobiles
À éviter si :
Vous voulez une page de destination sur un seul écran (utilisez plutôt le Menu centré ou le Menu aligné sur le côté)
Exemple de workflow de création
Ajoutez le
Menu compactsectionAjoutez un
Arrière-plan dynamique(image, couleur ou diaporama)Ajoutez des sections de contenu clés (Collections, Produits, etc.)
Liez la navigation via Paramètres du thème > Paramètres du Menu Global
Ajustez les tailles de police et la position du logo
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