# 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**
>
> 1. Dans l'éditeur de thème, allez à **Sections** panneau.
> 2. Supprimez toutes les sections de menu existantes (Menu centré, Menu aligné sur le côté).
> 3. Cliquer sur **Ajouter une section > Menu Compact**.
> 4. Vous verrez une icône hamburger apparaître en haut à droite de l'aperçu.
>
> ***
>
> **Connecter votre navigation**
>
> Pour rendre le menu tiroir fonctionnel :
>
> 1. Aller à **Paramètres du thème > Paramètres globaux du menu**.
>
> 2. Sélectionnez un menu Shopify (ou créez-en un nouveau via l'administration Shopify).
>
> 3. 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**
>
> * **Positionnement du logo** : Gauche, centré ou droite
> * **Arrière-plans** : Associez avec une `Arrière-plan dynamique` section pour la couleur, l'image ou le diaporama
> * **Polices 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 page` section 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**
>
> 1. Ajoutez le `Menu compact` section
> 2. Ajoutez un `Arrière-plan dynamique` (image, couleur ou diaporama)
> 3. Ajoutez des sections de contenu clés (Collections, Produits, etc.)
> 4. Liez la navigation via Paramètres du thème > Paramètres du Menu Global
> 5. 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 à :** <support@openspaces.design>
> * 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web