Menu hamburger

Liens en vedette

1. documentation Shopify sur les sections et les blocs

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez ce bloc pour afficher le bouton hamburger qui ouvre votre navigation principale sur les appareils mobiles. Si vous voulez que les clients accèdent à votre menu principal sur les petits écrans, ce bloc doit être inclus. Pour un aperçu plus large du fonctionnement des blocs de thème, consultez documentation Shopify sur les sections et les blocs

Ce bloc est réservé au mobile et est nécessaire pour que la navigation principale fonctionne sur mobile.

Paramètres d’alignement

Utilisez ces paramètres pour affiner la position du bloc dans l’espace qui lui a été attribué. Ils sont particulièrement utiles lorsque le bloc est étiré sur une plus grande largeur par vos choix de mise en page, plutôt que de rester à sa largeur naturelle.

Si les changements d’alignement semblent subtils, c’est généralement parce que le bloc ne dispose pas de beaucoup d’espace supplémentaire pour être ajusté. Définissez d’abord la mise en page, puis utilisez l’alignement pour affiner la position finale.

Paramètres de mise en page

Utilisez le paramètre de mise en page mobile pour choisir où le bouton de menu se place dans la ligne sur les petits écrans. Les placements à gauche et à droite sont généralement les plus familiers, tandis qu’une position centrée peut convenir à des conceptions d’en-tête plus minimalistes.

Une mise en page sur toute la largeur donne au bloc plus d’espace dans la ligne, ce qui peut rendre les contrôles d’alignement plus visibles. Utilisez cette option avec précaution afin que l’en-tête reste équilibré avec vos autres éléments mobiles.

L’option d’espace de remplissage affecte uniquement l’espacement des lignes sur ordinateur. Elle peut aider à répartir l’espace sur la ligne lorsque ce bloc se trouve à côté d’autres blocs d’en-tête, mais elle n’affiche pas le bouton sur ordinateur.

Notes d’utilisation

1. Conservez l’accès mobile disponible. Supprimez ce bloc uniquement si vous souhaitez intentionnellement qu’aucun accès mobile à la navigation principale ne soit disponible.
2. Choisissez une position familière. Un placement à gauche ou à droite est généralement le plus facile à repérer rapidement pour les clients dans l’en-tête.
3. Utilisez la largeur de manière réfléchie. Les mises en page sur toute la largeur peuvent aider à l’espacement, mais elles peuvent aussi donner à un en-tête simple une apparence trop imposante.
4. Ajustez l’alignement en dernier. Les choix de mise en page ont le plus grand effet, tandis que l’alignement fonctionne mieux comme ajustement final.
5. Vérifiez les deux zones d’affichage. Examinez l’en-tête sur mobile et sur ordinateur après avoir modifié la mise en page ou l’espacement, afin que le bouton reste clair à l’endroit où il apparaît.
6. Conservez la lisibilité des actions à proximité. Si d’autres éléments de l’en-tête partagent la même ligne, assurez-vous que le bouton de menu n’entre pas en concurrence avec eux pour attirer l’attention.