Menu centré

Ce que vous apprendrez

  • Comment créer une page d'accueil en utilisant la mise en page Centre du menu

  • Comment connecter vos liens de menu et personnaliser les polices, les couleurs et l'alignement


À propos du Centre du menu

Le Menu centré La mise en page place votre logo et les éléments de navigation empilés verticalement au centre de la page. Elle est inspirée de marques comme Supreme et est conçue pour les boutiques qui veulent une expérience d'arrivée à fort impact avec un défilement minimal.

Cette mise en page fonctionne mieux avec un arrière-plan fort (image ou vidéo) et un contenu d'accueil minimal.

⚠️ La Arrière-plan dynamique section a été dépréciée dans les dernières versions du thème. Toute personnalisation d'arrière-plan doit désormais être gérée directement dans la section Centre du menu.

Comment la configurer

1. Commencez avec une toile vierge

  • Dans l'éditeur de thème, supprimez toutes les sections sauf Toile de page.

2. Ajoutez la section Centre du menu

  • Cliquer sur Ajouter une section > Centre du menu

  • Votre logo et votre menu apparaîtront centrés sur la page

3. Connectez votre menu de navigation

  • Dans les paramètres du Centre du menu, sélectionnez un menu Shopify dans le menu déroulant

  • Si vous n'avez pas encore de menu :

    • Aller à Administration Shopify > Boutique en ligne > Navigation et créez-en un


Personnalisation du Centre du menu

  • Horloge: Activer ou désactiver l'affichage de l'horloge du magasin en direct

  • Format de la date: Choisissez votre format de date préféré

  • Couleur de l'heure: Personnaliser la couleur du texte de l'horloge

Configuration du menu

  • Choisir le menu: Connectez votre navigation

  • Alignement: Alignez vos liens à gauche, au centre ou à droite

  • Afficher le lien de connexion: Afficher éventuellement un bouton de connexion client

Options de style

  • Couleur du texte des liens

  • Couleur du texte des liens (au survol)

  • Couleur de fond des liens (au survol)

  • Taille de la police des liens

  • Espacement vertical des liens

Icônes de réseaux sociaux

  • Ajoutez des liens pour X, Instagram, TikTok et plus via le bloc Lien de réseau social sous la section


Options d'arrière-plan

La section Centre du menu permet les types d'arrière-plan suivants :

  • Couleur unie: Définir des couleurs différentes pour le bureau et le mobile

  • Image: Télécharger des images d'arrière-plan par appareil

  • Diaporama: Ajouter jusqu'à 3 images rotatives

  • Vidéo: Ajouter une vidéo d'arrière-plan en boucle (Remarque : les vidéos peuvent ne pas se lire automatiquement sur iOS si le mode économie d'énergie est activé)

Paramètres supplémentaires

  • Hauteur de la section: Définir sur Hauteur complète ou ajuster manuellement

  • Options de superposition:

    • Contrôlez les couleurs et l'opacité des superpositions supérieure et inférieure

    • Contrôles séparés pour le bureau et le mobile

💡 Astuce : Utilisez des superpositions pour aider le texte blanc ou clair à se démarquer sur des images d'arrière-plan ou de la vidéo.


Quand utiliser cette mise en page

Utilisez la mise en page Centre du menu lorsque :

  • Vous voulez une page d'accueil audacieuse et minimale

  • Vous voulez que la première interaction soit un menu simple avec un fort impact visuel

  • Vous voulez diriger le trafic directement vers des collections ou des pages produit


Besoin d’aide ?

Mis à jour