Menu centré

Ce que vous apprendrez

  • Comment construire une page d'accueil en utilisant la mise en page Center Menu

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

À propos du Center 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 s'inspire de marques comme Supreme et est conçue pour les boutiques qui souhaitent une expérience d'atterrissage à fort impact avec un minimum de défilement.

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

⚠️ La Fond dynamique section a été supprimée dans les dernières versions du thème. Toute personnalisation de l'arrière-plan doit désormais être effectuée directement dans la section Center Menu.

Comment la configurer

1. Commencez avec une toile vierge

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

2. Ajoutez la section Center Menu

  • Cliquez sur Ajouter une section > Center Menu

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

3. Connectez votre menu de navigation

  • Dans les réglages du Center Menu, sélectionnez un menu Shopify dans le menu déroulant

  • Si vous n'avez pas encore de menu :

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

Personnalisation du Center 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 d'arrière-plan 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éseaux sociaux sous la section

Options d'arrière-plan

La section Center 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échargez des images d'arrière-plan par appareil

  • Diaporama: Ajoutez jusqu'à 3 images rotatives

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

Paramètres supplémentaires

  • Hauteur de la section: Réglez sur Hauteur complète ou ajustez manuellement

  • Options de superposition:

    • Contrôlez les couleurs et l'opacité des superpositions haut et bas

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

💡 Astuce : Utilisez des superpositions pour aider le texte blanc ou clair à ressortir sur des images ou des vidéos d'arrière-plan.

Quand utiliser cette mise en page

Utilisez la mise en page Center Menu lorsque :

  • Vous voulez une page d'accueil audacieuse et minimaliste

  • Vous souhaitez 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

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édentPage d'accueil + menuSuivantMenu aligné sur le côté

Mis à jour