# 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**
>
> * **Position 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/pages-and-menus/homepage-+-menu/compact-menu-layout-global-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.