Dans cet article, apprenez à masquer un menu Shopify spécifique de votre boutique Shopify sans altérer ses fonctionnalités ni son design. Consultez le guide ici.
Guide étape par étape pour masquer un menu spécifique dans Shopify :
- Depuis votre tableau de bord administrateur Shopify, allez dans la section "Boutique en ligne" et sélectionnez "Thèmes".
- Trouvez le thème que vous souhaitez modifier et cliquez sur le bouton "Actions", puis sélectionnez "Modifier le code".
- Dans l'éditeur de thème, naviguez jusqu'au fichier "header.liquid", qui contrôle la section d'en-tête de votre site web où se trouve le menu.
- Trouvez le code de l'élément de menu spécifique que vous souhaitez masquer. Il devrait se trouver dans un élément de liste non ordonnée (<ul>) avec des éléments de liste (<li>) pour chaque élément de menu.
-
Ajoutez la classe CSS "hide" à l'élément <li> spécifique de l'élément de menu que vous souhaitez masquer. Par exemple, si l'élément de menu a le code suivant :<li class="menu-item">
<a href="#">Menu Item</a>
</li>
Vous le changeriez en :
Copier le code<li class="menu-item hide">
<a href="#">Menu Item</a>
</li>
-
Dans le fichier theme.scss.liquid ou main.scss.liquid, ajoutez l'extrait de code suivant
Copier le code.hide{ display: none; }
- Sauvegardez vos modifications et l'élément de menu spécifique devrait maintenant être masqué sur le frontend de votre site web.
Si vous utilisez le thème minimal, vous pouvez utiliser le code suivant pour masquer le menu de navigation :
{% if collection.handle == 'wholesale-line-sheet' %}
<style>
.site-nav {display: none;}
</style>
{% endif %}
Note: Si vous utilisez un thème tiers, vous pourriez ne pas avoir la possibilité d'accéder au code du thème. Dans ce cas, vous pouvez utiliser une application comme Menu Manager pour masquer un élément de menu spécifique.
Pour conclure -
Chez Ecomheroes, nous proposons des services de conception et de développement de sites web Shopify. Après avoir suivi les étapes ci-dessus, vous pouvez masquer le menu. Vous pouvez contacter nos concepteurs et développeurs Shopify si vous rencontrez toujours des problèmes pour masquer le menu sur votre boutique Shopify. Contactez-nous dès aujourd'hui pour une consultation gratuite.