Page d'accueil + menu

Pour Plain Jane, et Plain Jane Interactive

À propos des mises en page de la page d’accueil

Plain Jane propose un système de page d’accueil flexible conçu pour prendre en charge une gamme de styles de marque — des sorties minimalistes aux collections riches en contenu. La mise en page que vous choisissez détermine la façon dont la navigation, les visuels et le flux de la page d’accueil sont perçus par l’utilisateur.

Ce guide est axé sur Plain Jane 3.0 et Plain Jane Interactive 2.0. Si vous utilisez Plain Jane Starter, vous n’aurez pas accès à ces mises en page de la page d’accueil.


Mises en page de la page d’accueil disponibles

Plain Jane propose trois mises en page principales pour la page d’accueil, chacune construite autour d’une structure de menu/navigation différente :

1. Menu centré

  • Inspiré par des sites comme Supreme

  • Logo centré en haut avec des liens empilés en dessous

  • Idéal pour des expériences d’atterrissage simples

  • Souvent associé à un arrière-plan plein écran

🔗 Voir : https://github.com/OpenSpaces-Design/theme-documentation/blob/v3/plain-jane-interactive/pages-and-menus/homepage-+-menu/broken-reference/README.md


2. Menu aligné sur le côté

  • Menu positionné verticalement sur le côté gauche de l’écran

  • Le logo se trouve au-dessus ou en dessous des liens

  • Aspect épuré et minimal

  • Parfait pour les marques qui veulent mettre l’accent sur les visuels au centre de l’écran

🔗 Voir : Menu aligné sur le côté


3. Menu compact (Hamburger)

  • Icône "hamburger" repliée révélant un tiroir de menu au clic

  • Le logo peut être centré ou aligné à gauche/droite

  • Idéal pour les marques qui souhaitent créer des pages d’accueil à défilement avec plusieurs sections

🔗 Voir : Configuration de la mise en page du menu compact


Construire autour de la mise en page

Chaque mise en page de menu est conçue pour fonctionner avec :

  • Arrière-plans dynamiques : Ajoutez des couleurs unies, des images ou des arrière-plans diaporama derrière votre menu

  • Blocs de section : Utilisez des sections de page d’accueil comme les listes de collections, les carrousels de produits ou les flux d’images pour créer du contenu défilable

  • Toile de page : Utilisez la Toile de page section pour structurer votre page d’accueil lorsque vous empilez plusieurs blocs de contenu

💡 Astuce : Le menu compact est préférable pour les pages d’accueil avec beaucoup de défilement. Les menus centrés/latéraux conviennent mieux aux pages d’atterrissage en écran unique.


Vous voulez passer la page d’accueil ?

Vous pouvez ignorer entièrement la page d’accueil en activant Ignorer l'écran d'entrée dans les paramètres du thème. Cela chargera une collection ou une page produit comme premier écran.

🔗 En savoir plus : Paramètre Ignorer la page d’accueil


Besoin d’aide ?

Mis à jour