Menu aligné sur le côté

Pour Plain Jane et Plain Jane Interactive

Ce que vous apprendrez

  • Comment créer une page d'accueil en utilisant la mise en page Menu aligné sur le côté

  • Comment personnaliser l'arrière-plan, les liens du menu et le style

À propos du Menu aligné sur le côté

Le Menu aligné sur le côté la mise en page place votre logo et la navigation verticalement le long du côté gauche de l'écran. Cette mise en page est épurée et minimale, donnant la priorité visuelle à votre arrière-plan ou à l'image de marque.

Comment la configurer

1. Commencez avec une toile vierge

  1. Dans l'Éditeur de thème, supprimez toutes les sections existantes.

  2. Ne conservez que le Toile de la page section.

2. Ajouter le Menu aligné sur le côté

  1. Cliquez sur Ajouter une section > Menu aligné sur le côté

  2. Votre navigation apparaîtra désormais sur le côté gauche de l'écran.

  3. Sélectionnez un menu Shopify pour connecter vos liens de navigation.

💡 Si vous n'avez pas encore de menu, allez à Admin Shopify > Boutique en ligne > Navigation pour en créer un.

Personnalisation de votre menu

Une fois ajouté, vous pouvez configurer les éléments suivants :

Contenu et comportement du menu

  • Choisir le menu : Connecter un menu depuis votre navigation Shopify

  • Icônes de réseaux sociaux : Cliquez sur « Ajouter un lien vers les réseaux sociaux » pour ajouter des icônes pour X, TikTok, Threads et plus

  • Afficher le lien de connexion : Choisir de l'afficher au Haut, Bas , ou le masquer complètement

Style du logo et des liens

  • Alignement du logo : Gauche ou droite

  • Alignement du menu : Aligner les liens à gauche ou à droite dans le menu

  • Couleur du texte des liens / Couleur au survol

  • Couleur d'arrière-plan des liens (au survol)

  • Taille de la police des liens et espacement vertical

Effets visuels

  • Désactiver l'effet de surbrillance : Désactive le style de surbrillance au survol

  • Activer la mise à l'échelle de la nav : Active l'animation pour le redimensionnement des éléments du menu

Personnalisation de l'arrière-plan

La section Menu aligné sur le côté inclut des options d'arrière-plan intégrées, vous n'avez donc plus besoin d'utiliser la section Fond dynamique Dans les versions récentes du thème, Fond dynamique est obsolète pour cette mise en page.

Options de style d'arrière-plan :

  • Couleur unie : Définir une couleur pour le bureau et le mobile

  • Image : Télécharger des images différentes pour le bureau et le mobile

  • Diaporama : Ajouter jusqu'à 3 diapositives d'images rotatives

  • Vidéo : Télécharger une vidéo d'arrière-plan (remarque : peut ne pas se lancer automatiquement sur les iPhones en mode faible consommation)

Paramètres supplémentaires de l'arrière-plan :

  • Hauteur de la section : Définir sur Hauteur complète (100 %) ou personnalisée

  • Couleurs et opacité de la superposition:

    • Contrôle séparé pour les superpositions supérieure et inférieure

    • Paramètres indépendants pour le bureau et le mobile

💡 Astuce : Utilisez des superpositions pour créer du contraste entre le texte et les visuels d'arrière-plan.

Quand utiliser cette mise en page

Utilisez le Menu aligné sur le côté lorsque :

  • Vous souhaitez une mise en page épurée et moderne avec une navigation verticale

  • Votre image d'arrière-plan ou votre illustration de marque est au centre de l'expérience

  • Vous ne prévoyez pas d'utiliser de nombreuses sections défilantes sur la page d'accueil

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 centréSuivantDisposition du menu compact (menu global)

Mis à jour