Table des matières
- Introduction
- Le rôle des menus latéraux dans les boutiques Shopify
- Décider de supprimer votre menu latéral Shopify
- Guide étape par étape pour supprimer le menu latéral
- Aligner votre contenu après la suppression du menu latéral
- Section FAQ
Introduction
Avez-vous déjà visité une boutique en ligne et été submergé(e) par le désordre ? Un coupable courant est le menu latéral, qui, bien qu'utile pour la navigation, peut parfois nuire à l'esthétique épurée et centrée que de nombreux entrepreneurs du commerce électronique cherchent à obtenir. Si vous êtes propriétaire d'une boutique Shopify cherchant à rationaliser le design de votre site en supprimant ou en ajustant le menu latéral, vous n'êtes pas seul(e). Cette modification significative pourrait être ce dont votre site a besoin pour améliorer l'expérience utilisateur et se concentrer davantage sur vos produits. Mais par où commencer ?
Dans cet article, nous plongerons dans les raisons et les méthodes pour supprimer ou ajuster le menu latéral dans Shopify. Que vous souhaitiez supprimer le menu latéral uniquement de votre page d'accueil ou de l'ensemble de votre site sans causer de problèmes d'alignement, nous vous couvrons. À la fin de cet article, vous comprendrez non seulement les étapes à suivre, mais aussi les implications de ces changements sur l'expérience utilisateur de votre site et la cohérence de son design.
Le rôle des menus latéraux dans les boutiques Shopify
Les menus latéraux remplissent une fonction cruciale pour aider les visiteurs à naviguer sur les boutiques en ligne. Ils catégorisent les produits et le contenu, facilitant la recherche des clients. Cependant, l'évolution du design web et des tendances en matière d'expérience utilisateur a vu un changement vers des design plus épurés et minimalistes qui privilégient le contenu aux aides à la navigation complexes. Ce changement a rendu les menus latéraux moins attrayants dans certains contextes, notamment sur les appareils mobiles où l'espace à l'écran est précieux.
Décider de supprimer votre menu latéral Shopify
La décision de supprimer ou d'ajuster un menu latéral ne doit pas être prise à la légère. Considérez les points suivants :
- Expérience utilisateur (UX) : Le menu latéral encombre-t-il la page ou distrait-il du contenu principal ?
- Design et Mise en page : La suppression du menu latéral améliorera-t-elle l'attrait visuel et la mise en page de votre boutique ?
- Navigabilité : Pouvez-vous maintenir ou même améliorer la navigation sur le site sans le menu latéral ?
Si vous décidez de supprimer le menu latéral, les étapes suivantes impliquent des manœuvres techniques dans l'éditeur de thème de Shopify et potentiellement l'édition directe du code.
Guide étape par étape pour supprimer le menu latéral
Accès à l'éditeur de thème
- Accédez à votre tableau de bord d'administration Shopify.
- Rendez-vous sur Boutique en ligne > Thèmes.
- Cliquez sur Personnaliser pour le thème que vous souhaitez modifier.
Localisation des paramètres du menu latéral
- Certains thèmes offrent une option intégrée pour désactiver le menu latéral. Recherchez des sections nommées Paramètres de Menu, Layout ou Sidebar dans l'éditeur de thème.
Édition du code
Si votre thème ne propose pas de bascule simple pour supprimer le menu latéral :
- Retournez sur Boutique en ligne > Thèmes, et cliquez sur Actions > Modifier le code.
- Vous devrez principalement travailler avec des fichiers portant des noms comme
sidebar.liquid,theme.liquidoutemplate.liquid. Votre objectif ici est d'identifier et de supprimer ou de commenter (en utilisant<!-- -->ou{% comment %} {% endcomment %}) les lignes de code qui appellent le menu latéral en action. - Des ajustements CSS peuvent être nécessaires pour garantir que le contenu restant se développe pour remplir l'espace laissé par le menu latéral supprimé. Recherchez des fichiers CSS comme
theme.scss.liquidoustyles.scss.liquid. Vous devrez peut-être ajouter des règles pour ajuster la mise en page, commewidth: 100%;pour le conteneur principal du contenu.
Note : Faites toujours une copie de votre thème avant d'apporter des modifications au code. Cette étape garantit que vous disposez d'une sauvegarde en cas de problème.
Aligner votre contenu après la suppression du menu latéral
Un défi qui pourrait survenir est le contenu qui ne s'aligne pas ou qui ne remplit pas l'espace laissé vacant par le menu latéral. Ce problème nécessite des ajustements CSS supplémentaires. Le code exact dépendra du CSS existant de votre thème, mais en général, vous chercherez à ajuster la largeur de la zone de contenu principal et peut-être sa marge ou son rembourrage.
Envisagez d'ajouter une règle CSS flexible comme celle-ci :
.main-content {
width: 100%;
padding: 0 20px;
}
Cette règle ajuste la zone de contenu principal pour occuper 100 % de la largeur du conteneur et ajoute un peu de rembourrage de chaque côté pour la respiration visuelle.
Section FAQ
Q : La suppression du menu latéral affectera-t-elle mon SEO ?
R : Pas directement. Cependant, simplifier la navigation de votre site peut améliorer l'expérience utilisateur, réduisant potentiellement le taux de rebond et augmentant le temps passé sur le site, ce qui constitue des signaux positifs pour les moteurs de recherche.
Q : Et si je change d'avis ?
R : Si vous avez sauvegardé votre thème avant de commencer, vous pouvez toujours revenir à cette version. Alternativement, vous pouvez rétablir le menu latéral en annulant les modifications apportées au code ou en le réactivant via l'éditeur de thème si votre thème le permet.
Q : Puis-je supprimer le menu latéral uniquement de la page d'accueil ou de certaines pages spécifiques ?
R : Oui, en ajustant les fichiers de gabarit ou de mise en page spécifiques à ces pages. Vous devrez identifier les fichiers pour ces pages spécifiques (comme index.liquid pour la page d'accueil) et appliquer les modifications là-bas.
La suppression ou l'ajustement du menu latéral dans Shopify est une décision nuancée qui impacte le design et l'expérience utilisateur de votre boutique. En suivant les étapes décrites ci-dessus, vous pouvez obtenir une mise en page de site plus propre et axée. Rappelez-vous, la clé de tout changement de design est d'améliorer la facilité d'utilisation et l'attrait esthétique de votre site tout en veillant à ce qu'il reste fonctionnel et navigable.
