Créer un méga menu pour ma boutique Shopify

À propos du méga menu dans Shopify

Un méga menu est un type de menu extensible qui affiche simultanément plusieurs options, généralement organisées en colonnes. Il est idéal pour les boutiques Shopify disposant de stocks importants ou de nombreuses catégories de produits.

Principales caractéristiques:

• Disposition multicolonne:Les catégories sont regroupées dans des colonnes distinctes.
• Navigation structurée:Aide les acheteurs à parcourir des collections ou des produits profondément imbriqués.
• Dépendant du thèmeShopify ne propose pas d'outil de méga menu intégré. Certains thèmes affichent les menus imbriqués comme des méga menus par défaut.

Notes clés avant de commencer

Assurez-vous que votre thème actuel prend en charge les mises en page de menu déroulant ou méga menu (par exemple, le thème Dawn, Craft ou Ride).

Toutes vos pages créées avec GemPages s'appuient toujours sur le en-tête/pied de page du thème. Par conséquent, les modifications du menu doivent être effectuées dans l'administrateur Shopify.

Avant de configurer un méga menu, il est important de comprendre quelques limitations et exigences clés qui affectent la façon dont votre menu apparaîtra dans votre boutique, y compris sur les pages créées par GemPages.

#1. Votre thème contrôle l'affichage du menu

Les méga menus ne sont pas une fonctionnalité intégrée à l'administration Shopify, mais plutôt un style d'affichage visuel géré par votre thème Shopify actif. Cela signifie :

• Shopify vous permet uniquement d'imbriquer des éléments de menu dans les paramètres de navigation.
• Que ces éléments s'affichent sous la forme d'un simple menu déroulant ou d'un méga menu complet dépend entièrement de la façon dont votre thème les rend.

#2. GemPages ne peut pas remplacer l'en-tête de votre thème

Bien que GemPages vous permette de créer de magnifiques pages personnalisées, il utilise toujours par défaut l'en-tête et le pied de page globaux de votre thème Shopify. Cela signifie :

• Vous ne pouvez pas créer un méga menu autonome dans l'éditeur GemPages.
• Vous devez utiliser la navigation de Shopify pour tous les menus du site, y compris sur les pages d'accueil, les pages de destination et les pages de produits créées avec GemPages.

#3. Choisissez un thème compatible avec les méga menus

Pour optimiser la structure de votre menu imbriqué, pensez à utiliser un thème prenant en charge les menus déroulants multicolonnes ou multimédias. Exemples :

• Impulsion, Prestige, Rationaliser (thèmes payants avec des mises en page de méga menu intégrées)
• Ou engagez un développeur pour personnaliser votre thème actuel

Si votre boutique propose de nombreuses collections, catégories ou types de produits, cela améliorera considérablement l'expérience utilisateur et réduira les taux de rebond.

Créez un méga menu pour votre Shopify

Suivez ces étapes pour créer un méga menu pour votre magasin.

Étape 1 : Accédez à vos menus

• Depuis votre interface administrateur Shopify, accédez à Menu > Menus.
• Cliquez sur le Menu (ou le menu attribué à l'en-tête de votre boutique) pour localiser l'éditeur.

Étape 2 : Créer une structure imbriquée

• Cliquez à nouveau sur Ajouter un élément de menu pour créer votre élément de menu de niveau supérieur (par exemple, « Boutique »).

• Saisissez l’étiquette et sélectionnez le lien de destination vers cet élément de niveau supérieur (par exemple, « Tous les produits »).

• Cliquez à nouveau sur Ajouter un élément de menu pour continuer à ajouter de nouveaux éléments. Ensuite, faites glisser les sous-éléments associés (par exemple, « Soins de la peau ») vers la droite pour les imbriquer sous le parent.

• Ajoutez plus de calques si votre thème prend en charge les menus de troisième niveau.

Étape 3 : Enregistrez vos mises à jour

Une fois que vous avez terminé d'ajouter les éléments de menu et de les organiser tous dans votre structure préférée, appuyez sur le bouton Enregistrer .

Après cela, toutes les modifications sont automatiquement mises à jour dans votre vitrine, y compris les pages créées par GemPages.

Puis-je créer un méga menu avec GemPages ?

À l’heure actuelle, vous ne pouvez pas créer un méga menu autonome dans GemPages parce que:

• GemPages ne remplace pas l'en-tête ou la navigation globale de Shopify.
• Vous devez gérer votre menu principal depuis Administration Shopify > Contenu > Menus.
• Vous pourriez techniquement créer un menu personnalisé dans le corps d'une page de destination.

Par exemple, si vous utilisez des lignes et des colonnes pour créer une barre supérieure dans les pages créées avec GemPatop, cela ne remplacera PAS la navigation de votre boutique globale et n'est pas recommandé pour des raisons de cohérence.

Questions fréquentes

1. Ai-je besoin d'un thème spécial pour créer un méga menu ?

Oui. Shopify gère uniquement la structure ; votre thème détermine le design. Si votre thème ne prend pas en charge les méga menus, ils s'afficheront sous forme de simple menu déroulant.

2. Mon méga menu apparaîtra-t-il sur les pages créées par GemPages ?

Oui. Puisque GemPages hérite de l'en-tête et du pied de page de votre thème, le méga menu apparaîtra automatiquement.

3. Puis-je styliser le méga menu dans GemPages ?

Non. Vous ne pouvez pas personnaliser l'en-tête du thème dans GemPages. La personnalisation doit être effectuée via les paramètres ou le code de votre thème.

4. Que faire si mon thème ne prend pas en charge les méga menus ?

Vous pouvez:

• Passez à un thème qui prend en charge les méga menus (par exemple, Impulse, Prestige).
• Engagez un développeur pour ajouter du code personnalisé à votre thème existant.

5. Un méga menu affecte-t-il le référencement ?

Non, cela n'a pas d'impact négatif sur le référencement. Au contraire, un méga menu bien structuré peut améliorer la navigation, réduire les taux de rebond et aider les moteurs de recherche à mieux explorer votre site.