In diesem Beitrag erfahren Sie, wie Sie ein bestimmtes Shopify-Menü in Ihrem Shopify-Store ausblenden können, ohne die Funktionalität und das Design zu beeinträchtigen. Sehen Sie sich die Anleitung hier an.
Schritt-für-Schritt-Anleitung zum Ausblenden eines bestimmten Menüs in Shopify:
- Gehen Sie in Ihrem Shopify-Admin-Dashboard zum Abschnitt "Online-Shop" und wählen Sie "Themes" aus.
- Suchen Sie das Theme, das Sie bearbeiten möchten, klicken Sie auf die Schaltfläche "Aktionen" und wählen Sie dann "Code bearbeiten" aus.
- Navigieren Sie im Theme-Editor zur Datei "header.liquid", die den Header-Bereich Ihrer Website steuert, in dem sich das Menü befindet.
- Suchen Sie den Code für das bestimmte Menüelement, das Sie ausblenden möchten. Es sollte sich innerhalb eines ungeordneten Listen-Elements (<ul>) mit Listen-Elementen (<li>) für jedes Menüelement befinden.
-
Fügen Sie die CSS-Klasse "hide" dem spezifischen <li>-Element für das Menüelement hinzu, das Sie ausblenden möchten. Wenn das Menüelement beispielsweise den folgenden Code hat:<li class="menu-item">
<a href="#">Menu Item</a>
</li>
Würden Sie es ändern zu:
Code kopieren<li class="menu-item hide">
<a href="#">Menu Item</a>
</li>
-
Fügen Sie in der Datei theme.scss.liquid oder main.scss.liquid den folgenden Code-Snippet hinzu
Code kopieren.hide{ display: none; }
- Speichern Sie Ihre Änderungen und das spezifische Menüelement sollte nun auf der Frontend-Seite Ihrer Website ausgeblendet sein.
Wenn Sie das minimale Theme verwenden, können Sie den folgenden Code verwenden, um das Navigationsmenü auszublenden:
{% if collection.handle == 'wholesale-line-sheet' %}
<style>
.site-nav {display: none;}
</style>
{% endif %}
Hinweis: Wenn Sie ein Drittanbieter-Theme verwenden, haben Sie möglicherweise keinen Zugriff auf den Theme-Code. In diesem Fall können Sie eine App wie Menu Manager verwenden, um ein bestimmtes Menüelement auszublenden.
Zusammenfassung -
Bei Ecomheroes bieten wir Shopify Website Design und Entwicklungsdienstleistungen an. Nachdem Sie die obigen Schritte befolgt haben, können Sie das Menü ausblenden. Sie können sich an unsere Shopify-Designer und -Entwickler wenden, wenn Sie weiterhin Probleme beim Ausblenden des Menüs in Ihrem Shopify-Store haben. Kontaktieren Sie uns noch heute für eine kostenlose Beratung.