Magento 2 Mobile Bottom Navigation: app-ähnliche Reiter für Smartphones
SKU: MOBILEBOTTOMNAV1
- Reiter für Start, Kategorien, Suche, Konto und Warenkorb
- Kategorien-Panel als Slide-up aus dem Katalogbaum
- Warenkorb-Zähler live, aktiver Reiter hervorgehoben
- nur mobil, im Checkout abschaltbar
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Mobile Bottom Navigation: die Shop-Navigation wie in einer App
Die Magento 2 Mobile Bottom Navigation von Mironsoft bringt eine Reiter-Leiste wie in einer App an den unteren Bildschirmrand: Start, Kategorien, Suche, Konto und Warenkorb. Die Kategorien öffnen sich als Panel direkt aus Ihrem Katalogbaum, der Warenkorb zeigt einen Live-Zähler. Die Magento 2 Mobile Bottom Navigation läuft mit Alpine.js und Tailwind, braucht kein jQuery und erscheint nur auf kleinen Bildschirmen.
Reiter-Leiste
Fünf Tabs am unteren Rand, in Daumenreichweite und mit großen Tippflächen.
Kategorien-Panel
Ein Tipp öffnet den Katalogbaum als Slide-up mit Unterkategorien.
Suche im Overlay
Das Suchfeld öffnet sich über der Seite, die Tastatur erscheint sofort.
Warenkorb-Badge
Der Zähler aktualisiert sich nach dem Hinzufügen ohne Neuladen.
Aktiver Reiter
Die aktuelle Seite wird automatisch hervorgehoben.
Frei konfigurierbar
Reihenfolge, Icons, Beschriftungen und eigene Links im Admin.
Warum Smartphone-Nutzer eine Navigation am unteren Rand erwarten
Nutzer verwenden täglich Apps mit Reitern am unteren Bildschirmrand und erwarten diese Bedienung auch im Shop. Das Hamburger-Menü oben links liegt am anderen Ende der Daumenreichweite und versteckt die Kategorien. Händler suchen deshalb nach einer Magento 2 Mobile Bottom Navigation, die Hauptziele sichtbar hält. Das Standard-Theme bietet das nicht.
Eine eigene Umsetzung kostet Zeit: Kategorie-Panel, aktiver Reiter, Zähler, Safe-Area und Tastatur wollen alle sauber gelöst sein. Die Magento 2 Mobile Bottom Navigation liefert diese Bausteine fertig und konfigurierbar im Admin.
Reiter wählen: Start, Kategorien, Suche, Konto und Warenkorb
Im Admin legen Sie die Reiter fest: Reihenfolge, Icon, Beschriftung und Ziel. Standardmäßig gibt es Start, Kategorien, Suche, Konto und Warenkorb; Sie können Reiter entfernen oder durch eigene Links ersetzen, etwa Angebote oder Kontakt. Der aktive Reiter wird anhand der aktuellen Seite erkannt und farblich hervorgehoben. Beschriftungen sind je Store View übersetzbar, die Tippflächen bleiben auch bei längeren Texten groß.
- Reihenfolge, Icon und Beschriftung frei wählbar
- Eigene Links statt Standard-Reiter möglich
- Aktiver Reiter automatisch erkannt
Kategorien-Panel als Slide-up direkt aus dem Katalogbaum
Der Reiter Kategorien öffnet ein Panel, das von unten hereinfährt und die Kategorien aus Ihrem Katalogbaum zeigt. Sie wählen die Wurzelkategorie und die Tiefe, und ein Tipp auf einen Eintrag klappt Unterkategorien auf oder springt zur Seite. Ausgeblendete oder inaktive Kategorien erscheinen nicht. Ein Wischen nach unten oder ein Tipp auf den Hintergrund schließt das Panel; die Fokussteuerung bleibt für Tastaturnutzer erhalten.
- Wurzelkategorie und Tiefe wählbar
- Inaktive Kategorien werden ausgelassen
- Schließen per Wischen, Tipp oder Esc-Taste
Suche im Overlay und Warenkorb-Zähler in Echtzeit
Ein Tipp auf Suche öffnet ein Overlay mit fokussiertem Eingabefeld, sodass die Tastatur ohne Umweg erscheint. Der Warenkorb-Reiter liest die Positionen aus den Hyvä-Warenkorbdaten und zeigt sie als Badge; nach dem Hinzufügen eines Produkts aktualisiert sich die Zahl ohne Neuladen. Ist der Warenkorb leer, bleibt das Badge versteckt. Wenn Sie ein Suchmodul wie die Ajax-Suche verwenden, übernimmt das Overlay dessen Eingabefeld.
- Overlay mit sofort fokussiertem Suchfeld
- Badge aus Warenkorbdaten, live aktualisiert
- Leerer Warenkorb ohne Badge
Safe-Area, Tastatur, Checkout und Cookie-Banner
Auf Geräten mit Home-Indikator berücksichtigt die Leiste die Safe-Area. Öffnet sich die Bildschirmtastatur, wird die Leiste ausgeblendet, damit sie keine Eingabefelder verdeckt. Im Checkout und auf frei wählbaren Seitentypen schalten Sie sie ab, um nicht vom Abschluss abzulenken. Ein Cookie-Banner liegt über der Leiste statt dahinter. Der Breakpoint bestimmt, ab wann die klassische Desktop-Navigation übernimmt.
- Safe-Area und Tastatur beachtet
- Abschaltbar im Checkout und auf gewählten Seitentypen
- Breakpoint zur Desktop-Navigation einstellbar
Wo die Magento 2 Mobile Bottom Navigation im Shop-Alltag hilft
Typische Situationen, in denen die Magento 2 Mobile Bottom Navigation Besucher schneller ans Ziel bringt.
Shops mit großem Sortiment
Besucher springen über das Kategorien-Panel direkt in tiefe Ebenen, ohne das Hauptmenü zu öffnen.
Mobiler Stammkunden-Einkauf
Konto und Warenkorb sind immer einen Tipp entfernt, das beschleunigt Nachbestellungen.
Mode und Lifestyle
Eine app-ähnliche Magento 2 Mobile Bottom Navigation passt zu Zielgruppen, die überwiegend mobil einkaufen.
Aktionen und Saison
Ein eigener Reiter führt auf die aktuelle Aktionsseite, ohne dass das Menü umgebaut werden muss.
Magento 2 Mobile Bottom Navigation: Hamburger-Menü oder Reiter im Vergleich
Was die Magento 2 Mobile Bottom Navigation gegenüber dem reinen Hamburger-Menü ändert.
| Thema | Ohne Modul | Mit Mironsoft Mobile Bottom Navigation |
|---|---|---|
| Erreichbarkeit | Menü oben, weit vom Daumen | Reiter unten in Daumenreichweite |
| Kategorien | Verschachteltes Menü | Panel direkt aus dem Katalogbaum |
| Warenkorb | Nur im Header sichtbar | Badge mit Live-Zähler |
| Orientierung | Aktuelle Seite unklar | Aktiver Reiter hervorgehoben |
| Pflege | Theme-Anpassung | Reiter im Admin konfigurierbar |
So richten wir die Magento 2 Mobile Bottom Navigation für Sie ein
Der Ablauf nach Ihrer Beauftragung.
Abstimmung
Sie entscheiden, welche Reiter erscheinen, welche Kategorien im Panel stehen und wo die Leiste ausgeblendet wird.
Installation
Wir installieren das Modul und binden die Magento 2 Mobile Bottom Navigation in Ihr Hyvä Theme ein, abgestimmt auf Header und Footer.
Gestaltung
Wir passen Icons, Farben, Breakpoint und Beschriftungen an Ihre Marke an, je Store View.
Test
Wir prüfen Panel, Suche, Zähler, Safe-Area, Tastatur und Cookie-Banner auf gängigen Smartphones.
Übergabe
Ihr Team erhält eine Einweisung in Reiter, Panel-Einstellungen und Seitentyp-Regeln.
Abgrenzung zu Aktionsleiste, Navigationsmenü und fixiertem Header
Die Sticky Mobile Action Bar von Mironsoft bietet frei belegbare Aktionen wie Anrufen oder Messenger. Das responsive Navigationsmenü gestaltet die Hauptnavigation, der Sticky Header fixiert den Kopfbereich. Die Magento 2 Mobile Bottom Navigation ist die Reiter-Navigation selbst: Start, Kategorien, Suche, Konto und Warenkorb in einer App-Optik.
Die Module lassen sich kombinieren. Alles läuft mit Alpine.js im Hyvä Theme, ohne zusätzliche Bibliothek.
Kein Download, sondern persönliche Einrichtung
Die Mobile Bottom Navigation ist hier nicht als fertige Download-Datei zum Selbst-Installieren gelistet. Der Kauf ist eine Beauftragung: Wir melden uns nach dem Kauf, installieren das Modul in Ihrem Shop und stimmen Reiter und Kategorien-Panel gemeinsam mit Ihnen ab.
Häufige Fragen
Alles Wichtige zu Reitern, Kategorien-Panel, Verhalten und zum Ablauf des Kaufs.
Wie kann ich in Magento 2 eine Navigation am unteren Bildschirmrand einbauen?
Wie kann ich in Magento 2 eine app-ähnliche mobile Navigation anbieten?
Woher kommen die Kategorien im Panel?
Kann ich eigene Reiter hinzufügen?
Wie funktioniert der Warenkorb-Zähler?
Was passiert im Checkout?
Verdeckt die Leiste die Tastatur oder Eingabefelder?
Funktioniert die Magento 2 Mobile Bottom Navigation mit Hyvä?
Was unterscheidet sie von der Sticky Mobile Action Bar?
Kann ich das Modul selbst herunterladen und installieren?
Zuletzt angesehene Artikel
Magento 2 Mobile Bottom Navigation – Mironsoft