Bandeau de menu avec catégories mises en avant : navigation pour les gammes de produits étendues – désormais disponible avec XON

Si vous proposez de nombreuses catégories principales, vous atteindrez rapidement les limites de la navigation en haut de page : la barre devient trop chargée, ou des sections importantes ne trouvent pas leur place. Avec XONIC 4.10, vous déterminez quelles catégories apparaissent en vedette directement dans le bandeau de menu, par exemple vos secteurs les plus rentables ou un thème saisonnier. Vos clients peuvent accéder à toutes les autres catégories principales en un clic via « Plus de catégories ».

Le panneau « Plus de catégories » affiche, pour chaque catégorie principale, une colonne contenant ses sous-catégories. Les longues listes se terminent par le lien « Afficher tout dans « … » ». Si la fenêtre du navigateur se rétrécit, les éléments de la barre de menu qui ne tiennent plus sur la ligne sont automatiquement déplacés vers ce panneau. Ainsi, la barre de navigation reste sur une seule ligne et bien ordonnée.

Bandeau de menu avec les catégories mises en avant et le panneau « Plus de catégories » ouvert dans une boutique de démonstration. Cliquez pour agrandir.

La configuration s’effectue directement dans le masque de catégorie : sous « Catégorie comme onglet d’en-tête », vous trouverez les nouveaux champs « Mise en évidence dans le bandeau de menu » et « Mise en évidence dans la navigation ». À côté de la sélection, l’interface d’administration indique immédiatement si la catégorie figure dans le bandeau de menu. La modification prend effet après enregistrement.

Dans le masque de catégorie : mise en avant et mise en évidence, chacune avec un texte d’aide et un indicateur d’état. Cliquez pour agrandir.

Sous l'en-tête apparaît une barre horizontale de puces, accessible par un balayage, contenant les mêmes éléments mis en avant que sur l'ordinateur de bureau. La puce de la catégorie actuelle est surlignée en foncé et mise en avant. La dernière puce « Plus de catégories » ouvre directement le menu des autres catégories.

La rangée de puces après avoir balayé l’écran, avec « Plus de catégories » à la fin.

Le menu situé sur le côté gauche a été repensé. Chaque sous-niveau ouvre son propre panneau avec un en-tête fixe, un bouton « Retour » et le lien « Afficher tout dans « … » » en première position. Le troisième niveau s’affiche directement dans le panneau, au lieu d’ouvrir un autre panneau. Le menu commence là où se trouve actuellement le client : s’il est sur une sous-catégorie, il ouvre le panneau de sa catégorie principale. Sur smartphone, il occupe tout l’écran ; sur tablette et ordinateur de bureau, il s’affiche sous forme de panneau étroit sur le bord gauche.

Les images de catégorie au niveau supérieur et la brève description sous les lignes de catégorie peuvent être activées individuellement. À cela s’ajoutent jusqu’à deux vignettes promotionnelles, placées en haut ou au centre et gérées dans le gestionnaire de bannières. La section « Services », qui comprend les pages d’information, la demande de rappel, la langue et la devise, le panier de favoris et le compte client, est déjà active après la mise à jour et peut être désactivée. Pour les boutiques ne disposant pas de champ de recherche dans l’en-tête, une fonction de recherche est également disponible dans le menu.

Niveau supérieur avec les points forts, les vignettes promotionnelles et l'espace services.

Deuxième niveau avec le bouton « Retour » ; le troisième niveau s'affiche dans le panneau.

La nouvelle navigation fait partie intégrante de XONIC 4.10. Dans les boutiques nouvellement créées, le bandeau de menu avec les mises en avant et les puces est activé dès le départ. Dans les boutiques existantes, la navigation en en-tête reste inchangée après la mise à jour. Vous pouvez activer les nouvelles fonctionnalités dans Paramètres → Design → En-tête via les options « Navigation en en-tête : catégories mises en avant dans le bandeau de menu » et « Navigation en en-tête : bandeau de menu mobile (puces) ». Pour cela, la barre de navigation dans l’en-tête doit être activée et il faut disposer d’au moins une catégorie mise en avant.

Avec la mise à jour, le menu situé à gauche passe à la nouvelle navigation par niveaux. Si vous souhaitez conserver l’ancien menu déroulant, sélectionnez la valeur « accordion » sous « Off-Canvas gauche : modèle de navigation » dans Paramètres → Design → Off-Canvas. C’est également là que vous pouvez activer les images de catégorie, la brève description et la recherche, définir la position des vignettes d’action ou masquer la zone de services. Vous créez les vignettes elles-mêmes sous Outils → Gestionnaire de bannières, dans le groupe de bannières « offcanvas_nav ». Une petite modification concerne toutes les boutiques utilisant le modèle par défaut : le lien situé à la fin des sous-menus raccourcis s’intitulera désormais « Afficher tout dans « … » ».

XONIC 4.10 est en préparation ; nous annoncerons la date de sortie dans notre rubrique Actualités. Si vous utilisez un modèle personnalisé, votre navigation actuelle continuera de fonctionner. Nous vérifierons avec vous lors de la mise à jour si les nouveaux éléments y sont pris en charge. Vous trouverez tous les paramètres accompagnés de captures d’écran dans le nouveau guide « Navigation par catégories ».