Disposition du menu compact (menu global)

Ce que vous apprendrez

  • Comment utiliser la section Compact Menu 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 Compact Menu ?

Le Menu compact est une section disponible dans le thème Plain Jane qui ajoute une icône de navigation « 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 soit appelée 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 référencée de deux manières.

Cette mise en page 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 lancements

Comment ajouter le Compact Menu

  1. Dans l'éditeur de thème, allez dans le panneau Sections .

  2. Supprimez toutes les sections de menu existantes (Center Menu, Side-Aligned Menu).

  3. Cliquez sur Ajouter une section > Compact Menu.

  4. Vous verrez une icône hamburger apparaître dans l'aperçu en haut à droite.

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 désormais lorsque vous cliquerez sur l'icône hamburger.

💡 Astuce : Mettez à jour la structure de votre navigation dans Boutique en ligne > Navigation dans votre administration Shopify.

Personnalisation de l'apparence

  • Positionnement du logo : Gauche, centré ou droite

  • Arrière-plans : Associez avec une Fond dynamique section pour la couleur, une image ou un diaporama

  • Polices et tailles : Ajustez la taille et l'espacement des liens du menu sous Paramètres du thème > Typographie

  • panneau 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 la page section pour envelopper et structurer toutes les sections de la page d'accueil.

Quand utiliser le Compact Menu

Excellent pour :

  • Pages d'accueil à fort défilement

  • Marques utilisant des visuels, des vidéos ou des carrousels

  • Mises en page adaptées aux mobiles

Évitez si :

  • Vous voulez une page d'atterrissage sur un seul écran (utilisez plutôt Center ou Side-Aligned Menu)

Exemple de flux de création

  1. Ajoutez le Menu compact section

  2. Ajouter un Fond dynamique (image, couleur ou diaporama)

  3. Ajoutez des sections de contenu essentielles (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

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentMenu aligné sur le côtéSuivantPage collection

Mis à jour