Gestalte den Mobile Menu Drawer neu. Suche oben, gruppierte Navigation, Promo-Callout, Bestellung verfolgen unten. Volle Höhe, Slide-in von links.
Want more control? See the expanded prompt ›
Gestalte den Mobile Menu Drawer neu: Der obere Bereich ist die Suchleiste, dann gruppierte Navigation (Shop-Bereiche, Account, Kundenservice), Promo-Callout in der Mitte und ein Shortcut für „Bestellung verfolgen“ unten. Slide-in von links, volle Höhe.
- Suchleiste ganz oben – die Aktion mit der höchsten Kaufabsicht.
- Gruppierte Navigationsbereiche (Shop / Account / Hilfe).
- Platz für ein Promo-Callout.
- Schneller „Bestellung verfolgen“-Link ganz unten.
Was du erreichen willst
Standardmäßige Shopify-Mobile-Menüs sind eine einzige lange Liste von Links. Echte Käufer denken in Gruppen: „Ich möchte einkaufen“, „Ich möchte meine Bestellung prüfen“, „Ich brauche Hilfe“. Gruppierte Bereiche machen das Menü auf den ersten Blick navigierbar, anstatt ständiges Scannen und Tippen zu erfordern.
Worauf du achten solltest
- Drawer-Breite: Fudge passt die Größe so an, dass sie auf den meisten Smartphones mit einem Daumen erreichbar ist.
- Scroll Lock: Die Seite im Hintergrund scrollt nicht mehr, solange der Drawer geöffnet ist.
- Zurück-Geste: Der Drawer schließt sich bei einem Swipe nach links oder der System-Zurück-Geste.
- Animation: ein sauberes Slide-in ohne Ruckeln.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, baut die Section als bearbeitbare Shopify-Section mit der Platzierung und dem Verhalten, das dein Prompt verlangt, und verknüpft sie mit deinen echten Produktdaten und dem Brand-Styling. Alles beginnt als Entwurf – du kannst es in deinem Store als Vorschau ansehen, über den Theme-Editor anpassen und erst veröffentlichen, wenn du bereit bist. Dein Live-Store bleibt dabei unangetastet.
Warum das Design des Mobile Menu Drawers wichtiger ist als die Desktop-Navigation
Die meisten mobilen Menüs sind Nebensache: dasselbe Dropdown, nur größer. Das Redesign behandelt den Mobile Drawer als primäre Oberfläche: Suchleiste oben, gruppierte Navigation, Promo-Callout, Shortcut für „Bestellung verfolgen“.
Wann sich die Umsetzung lohnt
Baue den neu gestalteten Drawer für jeden Store mit nennenswertem Mobile-Traffic (die meisten Stores). Du kannst darauf verzichten, wenn dein Mobile-Traffic winzig ist.
Was einen großartigen Drawer ausmacht
- Suche ganz oben — die meisten Käufer wissen, was sie wollen.
- Gruppierte Navigation — Shop-Bereiche, Konto, Kundenservice. Visuelle Hierarchie.
- Promo-Callout in der Mitte — rücke saisonale Aktionen in den Vordergrund.
- „Bestellung verfolgen“ ganz unten — häufiger Support-Bedarf.
- Full-Height Slide-in — nutzt den verfügbaren Bildschirmplatz voll aus.
Kombiniere das mit einer prominenten Suchleiste in der Navigation und einem Mobile UX-Audit.
Fudge baut das mit seinem Store Editor.