Comment utiliser?

Slide Menu—également connu sous le nom de Hamburger Menu, Sidebar Menu, ou Drawer Menu—est couramment utilisé sur les sites Shopify en adaptant le menu de bureau pour mobile. Typiquement, ce menu par défaut est simple, sans images ni mises en page avancées. Navi+ offre un remplacement complet pour ce menu par défaut basique.

Avantages clés :

  • Remplace entièrement le menu par défaut simple de Shopify
  • Offre plusieurs styles de présentation avec images, grilles, et mises en page multi-niveaux pour une expérience riche et professionnelle
  • Fonctionne sans problème sur mobile et bureau pour une expérience cohérente

FAQ :

1. Je n'ai pas encore décidé d'utiliser la version gratuite ou payante. Puis-je essayer les modèles de menu professionnels ?

Absolument ! Les groupes de menus sont principalement là pour aider les débutants à éviter de se sentir submergés par les fonctionnalités avancées de Navi+ 😄. La meilleure façon est d'essayer les menus professionnels pour explorer toutes les fonctionnalités et options de mise en page. Plus tard, vous pouvez simplement supprimer tout menu dont vous n'avez pas besoin ou que vous trouvez inadapté.

2. Créer un menu ici le fait-il apparaître sur mon site immédiatement ?

Pas encore. Vous devrez publier le bon menu pour qu'il apparaisse sur votre site. Ne vous inquiétez pas — c'est facile !

3. Que se passe-t-il si je choisis le mauvais modèle ou fais une erreur ?

Aucun problème. Vous pouvez le supprimer et en créer un nouveau à tout moment. Si vous testez un menu et souhaitez essayer un autre modèle, vous pouvez enregistrer celui-ci comme fichier de sauvegarde et le rouvrir plus tard. Vous pouvez même copier et coller des parties entre les menus (en ouvrant deux onglets de navigateur) pour conserver votre travail précédent. N'hésitez pas à expérimenter !

4. Dois-je créer un seul menu ou plusieurs ?

Vous devriez créer plusieurs menus. Seul le menu actif s'affichera sur votre site, mais vous pouvez préparer de nombreuses versions — en sélectionnant différents modèles ou en clonant des menus. Les menus peuvent être configurés pour s'afficher/cacher en fonction du type de page (accueil, produit, collection...), de l'appareil (mobile ou bureau), ou des mots-clés d'URL. Alors allez-y et construisez des menus qui s'adaptent à chaque situation !

Étape 1 : Modifier l’arbre du menu

1.1. Comprendre l’arbre du menu

L’arbre du menu est la partie la plus importante de tout menu — il définit la structure.

Voici un exemple d’un arbre de menu de Slide menu :

Slide banner  
Deal of the Day
Catalog 
All Mountain  
   - Cruise Flex  
   - Balance Ride
   - Other all-mountain
        - Level 3 menu item
Freestyle  
   - Park Board  
   - Jib Board  
Other products  
Blogs  
More...  

C’est un arbre de menu à 3 niveaux. Le niveau 1 comprend Slide banner, Deal of the Day, [Catalog + All-Mountain + Freestyle + Other products], Blogs et More... Catalog agira comme un nom de groupe. All-Mountain est également un élément de menu de niveau 1, avec trois sous-menus de niveau 2 : Cruise Flex, Balance Ride et Other all-mountain.

Vous passerez la plupart de votre temps à construire cet arbre de menu pour votre site Web, aidant les clients à trouver le contenu qu’ils recherchent.

Catalog: A level 1 menu item, displayed as a tab on the tab bar. All-Mountain: Level 2 menu item that appears when you tap on Catalog.
Cruise Flex, Balance Ride: Level 3 menu item that appears when you tap on All-Mountain.

1.2. Interactions de base avec l’arbre du menu

Vous pouvez faire glisser et déposer des éléments de menu vers le haut et vers le bas ou à gauche et à droite pour changer leur position et leurs relations parent-enfant dans l’arbre du menu.

Lorsque vous survolez un élément de menu, vous verrez des options supplémentaires : modifier les détails de l’élément, le supprimer de l’arbre du menu, ou le copier et le coller ailleurs.

Astuce : Vous pouvez copier un élément de menu d’un menu à un autre en ouvrant l’application Navi+ dans deux onglets de navigateur.

1.3. IMPORTANT ! Supprimez les éléments de menu d’exemple et gardez uniquement la structure que vous souhaitez.

C’est une situation courante lors de la création d’un menu avec Navi+. Lorsque vous créez un nouveau menu, nous incluons un exemple complet avec des éléments de menu populaires pour montrer des idées de mise en page et vous permettre de copier/coller au besoin. Cependant, si vous êtes nouveau sur Navi+ et utilisez le plan Starter, vous verrez de nombreux avertissements rouges (i) pour des fonctionnalités qui ne sont pas disponibles, comme le téléchargement d’images ou l’utilisation d’interactions avancées.

Si vous aimez ces fonctionnalités avancées, envisagez de passer à un plan Business ou Elite. Mais si vous souhaitez continuer avec le plan Starter, veuillez trouver et supprimer les éléments de menu avec des avertissements rouges (i).

Astuce importante : Lorsque la confirmation de suppression apparaît, activez « Ne plus demander la prochaine fois » pour supprimer plus rapidement.

1.4. Ajouter des éléments de menu à l’arbre du menu

Pour ajouter un élément de menu, vous avez deux options :

Option 1 **(Non recommandé si vous êtes nouveau sur Navi+)**** :** Cliquez sur « Ajouter un menu » pour insérer un élément de menu vide à la fin de l’arbre du menu. Cette méthode nécessite une bonne compréhension des paramètres des éléments de menu, que nous aborderons ci-dessous. Cela peut sembler écrasant au début, donc vous pouvez explorer cela plus tard.

Option 2 (Recommandée) : Nous avons déjà préparé de nombreux modèles d’éléments de menu bien conçus pour vous. Il vous suffit de les copier et de les coller au bon endroit. Après avoir terminé votre arbre de menu, il vous suffit de supprimer les modèles inutilisés.