Vous pouvez ajouter un menu extensible à vos sites pour ordinateur et tablette, facilitant ainsi la création de sites modernes et offrant une grande flexibilité de conception. Choisissez parmi plusieurs modèles de menu extensible et personnalisez-les à votre guise en ajoutant des widgets , des lignes et des colonnes.
Le menu extensible mise en page pour mobile offre plus de personnalisations et un moyen d'afficher des widgets dans l'en-tête et un menu toujours visible.
Vous pouvez modifier la mise en page de l'en-tête avec une mise en page prédéfinie qui inclut des boutons, un clic pour appeler, un panier, des icônes de réseaux sociaux, et bien plus encore. Vous pouvez ajouter n'importe quel widget au menu extensible depuis le panneau de widgets .
Ordinateur de bureau et tablette
Sélectionnez la disposition du menu extensible
Pour sélectionner une disposition de menu extensible pour votre site :
- Dans le panneau de gauche, cliquez sur Conception .
- Cliquez sur Disposition du site .
- Dans la section Bureau, sélectionnez Disposition du menu extensible .
- Dans la section Tablette, sélectionnez la disposition à gauche.
En-tête pour ordinateur de bureau et tablette
Après avoir sélectionné le menu déroulant, une icône en forme de hamburger apparaît dans l'en-tête de votre site. Cliquez sur le hamburger ( 
) pour voir le menu extensible.
Pour modifier l’emplacement du menu extensible dans l’en-tête :
- Passez la souris sur l’en-tête, cliquez sur En-tête , puis sélectionnez Modifier la conception .
- Dans la section Disposition, cliquez sur Gauche ou Droite .
Menu extensible pour ordinateur et tablette
Pour configurer le menu extensible :
- Cliquez sur le hamburger ( ) pour ouvrir l'éditeur de conception de menu .
- Dans l’onglet Disposition, cliquez sur la disposition existante pour sélectionner une disposition de menu.
- Dans l’onglet Style, vous disposez des options suivantes :
- Entrée depuis. Sélectionnez Haut ou Côté .
- Effet d'entrée. Sélectionnez Couvrir ou Pousser .
- Largeur. Déplacez le curseur pour définir la largeur du menu extensible. La largeur du menu est définie en pourcentage pour s'adapter à toutes les tailles d'écran.
- Arrière-plan. Configurez la couleur ou l'image d'arrière-plan.
- Couleur de l'icône de fermeture . Sélectionnez la couleur et la couleur d'arrière-plan de l'icône de fermeture.
- Dans l’onglet Espacement, modifiez le remplissage.
Le menu extensible peut comporter jusqu'à 3 lignes, et chacune est entièrement personnalisable.
Note:
Si la mise en page du site est identique pour les versions ordinateur et tablette (tous deux extensibles ou avec barre supérieure), toutes les personnalisations sont identiques. En cas de différence, chaque appareil doit être défini séparément.
Si vous ne voyez pas les fonctionnalités d'en-tête mentionnées ci-dessus, vous utilisez peut-être l'ancien en-tête. Pour le mettre à jour, cliquez dessus en mode ordinateur ou tablette. Une sauvegarde automatique est créée lors de la mise à jour de l'en-tête.
Note:
Cette étape s'applique uniquement aux sites existants. Elle ne concerne pas les nouveaux sites.
En-tête mobile
Pour modifier l’en-tête mobile :
- Passez la souris sur l'en-tête, cliquez sur l'étiquette En-tête , puis sélectionnez Modifier la conception .
- Dans l'onglet « Mise en page », cliquez sur la mise en page existante pour sélectionner une mise en page de menu. L'en-tête mobile propose des mises en page qui affichent des widgets tels que des liens vers les réseaux sociaux, des numéros de téléphone, etc. Les mises en page d'en-tête sont fixes ; vous ne pouvez donc pas ajouter de nouveaux widgets, mais vous pouvez les modifier ou les supprimer. Lorsque vous ajoutez une boutique ou utilisez la fonctionnalité multilingue, d'autres options de mise en page sont disponibles, notamment les icônes du panier d'expédition et la fonctionnalité multilingue. Si la boutique ou la fonctionnalité multilingue n'est pas activée, ces mises en page n'apparaissent pas.
- Cliquez sur Gauche ou Droite pour la position de l'icône du menu.
Navigation mobile
Pour modifier le menu extensible, ouvrez-le en mode mobile. L'éditeur de menu s'ouvre automatiquement pour vous permettre de le modifier.
- Dans l'onglet « Mise en page », cliquez sur la mise en page existante pour sélectionner une mise en page de menu. Le menu extensible propose plusieurs mises en page permettant d'afficher les liens vers les réseaux sociaux, les coordonnées, etc. Vous pouvez y ajouter n'importe quel widget, ajouter des colonnes, les trier pour les placer côte à côte ou d'une autre manière. Cependant, passer d'une mise en page à une autre supprime tout le contenu ajouté au menu, ne conservant que les widgets de la mise en page choisie.
- Dans l’onglet Style, vous disposez des options suivantes :
- Entrée depuis. Sélectionnez Haut ou Côté . Lorsque Haut est sélectionné, déplacez le curseur de hauteur . Lorsque Côté est sélectionné, déplacez le curseur de largeur .
- Effet d'entrée. Sélectionnez Couvrir ou Pousser .
Mises à jour des mises en page mobiles
Le 8 septembre 2019, trois mises en page mobiles ont été supprimées, car peu utilisées. Les deux mises en page restantes sont plus récentes et plus utiles.
Si vous avez déjà un site avec l'une des mises en page qui a été supprimée et que vous sélectionnez une autre mise en page, les mises en page qui ont été supprimées disparaîtront, mais vous pourrez les restaurer à partir de la sauvegarde du site.
Pour mettre à jour l'en-tête vers la nouvelle vue mobile, cliquez dessus. Une sauvegarde automatique est créée lors de la mise à jour de l'en-tête.
Note:
Cette étape s’applique uniquement aux sites existants, elle ne concerne pas les nouveaux sites.