Disposition en mosaïque et Menu spécial

Guide pratique Pro Navigation 3 min de lecture

Dans un méga menu classique, chaque bloc a sa propre colonne : une courte liste de liens laisse donc un vide en dessous. La disposition en mosaïque regroupe plusieurs blocs dans une même colonne pour qu’ils s’empilent, par exemple deux courtes listes de marques qui partagent la première colonne.

Modèles

Les deux se trouvent dans le groupe Menu spécial de Sélectionner un modèle.

Disposition en mosaïque

Quatre colonnes (blocs Groupe d’éléments) avec des listes de liens empilées dans chaque colonne.

Menu spécial

Une liste de catégories à gauche ; chaque catégorie a son propre panneau de listes de liens et d’images à droite, comme les grands menus de places de marché.

Démarrer avec le modèle Disposition en mosaïque

1. Ajouter le modèle

   Dans l’arborescence Éléments de l’éditeur, cliquez sur Ajouter un sous-menu sous un élément de premier niveau. Pointez sur Menu spécial (1), puis cliquez sur Sélectionner sur Disposition en mosaïque (2).

   

   (1) Pointez sur le groupe Menu spécial, (2) choisissez Disposition en mosaïque

2. Modifier le contenu d’exemple

   Le modèle ajoute 4 blocs Groupe d’éléments à 25 % de largeur, avec des listes de liens à l’intérieur. Survolez chaque titre ou lien, cliquez sur Modifier l’élément et changez son Titre et son Lien.

3. Ajouter ou supprimer des blocs dans une colonne

   Dans un groupe, cliquez sur Ajouter un bloc pour empiler un autre bloc, comme une liste de liens ou une image. Pour en supprimer un, survolez-le et cliquez sur Supprimer l’élément.

4. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Créer une mosaïque à partir d’un méga menu vierge

1. Ajouter un méga menu vierge

   Cliquez sur Ajouter un sous-menu, pointez sur Méga menu et cliquez sur Sélectionner sur Vide. Un méga menu existant convient aussi.

2. Ajouter un groupe d’éléments par colonne

   Cliquez sur Ajouter un bloc, choisissez Multi-bloc et sélectionnez Groupe d’éléments ; chaque groupe est une colonne. Dans l’arborescence Éléments, il s’affiche comme Groupe d’éléments (disposition en mosaïque).

   

   (1) Choisissez un onglet, (2) survolez une mise en page et cliquez sur Sélectionner.

3. Définir la largeur des groupes

   Un nouveau groupe fait 50 % de large. Réglez la Largeur de chaque groupe pour que les colonnes tiennent sur une ligne, par exemple 25 % pour 4 colonnes ou 33,33 % pour 3.

4. Remplir chaque groupe

   Dans chaque groupe, cliquez sur Ajouter un bloc et ajoutez les blocs de cette colonne. Réglez la Largeur de chaque bloc interne sur 100 % pour qu’ils s’empilent au lieu de se placer côte à côte.

5. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Utiliser le modèle Menu spécial

1. Ajouter le modèle

   Cliquez sur Ajouter un sous-menu, pointez sur Menu spécial et cliquez sur Sélectionner sur le modèle Menu spécial.

   

   (1) Pointez sur le groupe Menu spécial, (2) choisissez Disposition en mosaïque

2. Modifier les catégories et les panneaux

   Chaque catégorie à gauche est un onglet : renommez-la, puis remplissez son panneau avec Ajouter un bloc. Voir Menu à onglets.

3. Enregistrer et publier

   Cliquez sur Enregistrer, puis sur Publier.

Les deux modèles s’ouvrent dans un panneau de méga menu : la section Sous-menu de l’élément parent définit donc la largeur, l’alignement et l’arrière-plan du panneau. Voir Disposition du panneau de méga menu.

Dépannage

Les blocs sont côte à côte au lieu de s'empiler

Vérifiez dans l’arborescence Éléments que les blocs internes se trouvent dans un Groupe d’éléments, et que leur Largeur est de 100 %.

Les groupes passent sur une deuxième ligne

La somme des largeurs des groupes dépasse 100 %. Réduisez-les pour qu’ils tiennent sur une ligne.

Pages associées

• Méga menuCréez un large panneau de sous-menu à partir de blocs comme des listes de liens, des images, des produits et un formulaire de contact.
• Menu à ongletsPermettez aux acheteurs de passer d'un groupe de contenu à l'autre, comme Hommes, Femmes et Enfants, dans un même sous-menu.
• Présentation des blocsAjoutez des blocs tels que des liens, des images, des produits et des comptes à rebours à un méga menu ou à un onglet.

Cette page vous a-t-elle aidé ?

Signaler un problème