Magento 2 Mobile Filterleiste: Filter und Sortierung immer griffbereit
SKU: STICKYMOBILEFILTER1
- Filter und Sortierung als feste Leiste am Bildschirmrand
- Zähler zeigt aktive Filter und Trefferzahl
- Blendet sich beim Hinunterscrollen aus
- Öffnet die vorhandene Hyvä-Filter-Schublade
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Mobile Filterleiste: Filtern, ohne zurück nach oben zu scrollen
Die Magento 2 Mobile Filterleiste von Mironsoft hält Filter und Sortierung auf Kategorie- und Suchseiten am unteren Bildschirmrand fest. Wer lange durch Produkte scrollt, muss nicht mehr zurück nach oben, um die Auswahl zu verfeinern. Ein Zähler zeigt, wie viele Filter aktiv sind, und die Trefferzahl bleibt sichtbar. Ein Tipp öffnet die vorhandene Filter-Schublade des Hyvä Themes. Die Magento 2 Mobile Filterleiste läuft mit Alpine.js und braucht keine Zusatz-Bibliothek.
Filter immer erreichbar
Die Schaltfläche Filter bleibt beim Scrollen am Bildschirmrand und öffnet die Filter-Schublade.
Sortierung in der Leiste
Ein zweiter Button öffnet ein Auswahlfenster für die Sortierreihenfolge.
Zähler für aktive Filter
Ein kleines Badge zeigt, wie viele Filter gerade gesetzt sind.
Trefferzahl sichtbar
Die Anzahl der Ergebnisse bleibt in der Leiste lesbar, auch nach dem Filtern.
Ein- und Ausblenden
Beim Hinunterscrollen gleitet die Leiste weg, beim Hinaufscrollen kommt sie zurück.
Safe Areas
Auf iPhones mit Home-Indikator bleibt unter der Leiste der nötige Abstand frei.
Warum die Magento 2 Mobile Filterleiste auf Smartphones so viel bringt
Mehr als die Hälfte der Besucher kommt in vielen Shops vom Smartphone. In langen Kategorien liegen die Filter weit oben, und wer weiter unten merkt, dass zu viele Treffer da sind, scrollt mühsam zurück. Viele geben auf. Wer nach Magento 2 Filter mobil sticky oder Magento 2 Filterleiste Smartphone sucht, kennt dieses Problem aus der eigenen Praxis.
Mit der festen Leiste bleibt die wichtigste Funktion jederzeit im Daumenbereich. Kunden verfeinern ihre Auswahl genau dann, wenn sie merken, dass sie es müssen. Das erhöht die Zahl der gefilterten Sitzungen und senkt Abbrüche in langen Listen, ohne dass Sie Ihre Filter oder Ihre Navigation umbauen müssen.
Magento 2 Mobile Filterleiste: Filter und Sortierung im Daumenbereich
Die Leiste sitzt am unteren Rand, dort wo der Daumen ohnehin liegt. Links steht die Schaltfläche Filter mit Zähler, rechts die Sortierung. Auf Wunsch zeigt die Mitte die Trefferzahl. Farben, Rundungen und Schatten folgen Ihrem Theme, sodass die Leiste nicht wie ein Fremdkörper wirkt. Die Leiste erscheint nur auf Seiten mit Produktliste und nur unterhalb des eingestellten Breakpoints.
- Filter links, Sortierung rechts, Trefferzahl optional
- Gestaltung folgt Ihrem Hyvä Theme
- Nur auf Listenseiten und kleinen Bildschirmen
Die vorhandene Filter-Schublade öffnen, statt eine neue zu bauen
Ein Tipp auf Filter öffnet die Schublade, die Ihr Hyvä Theme bereits mitbringt. Das Modul baut keine zweite Filterlogik und ändert weder Layered Navigation noch URLs. Dadurch bleiben Ihre Filtergruppen, Reihenfolgen und Swatches unverändert. Nach dem Anwenden schließt sich die Schublade, die Leiste aktualisiert den Zähler und die Trefferzahl, und der Kunde bleibt an derselben Stelle der Liste.
- Nutzt die Filter-Schublade des Themes
- Keine zweite Filterlogik, keine neuen URLs
- Zähler und Trefferzahl aktualisieren sich sofort
Scroll-Verhalten, Safe Areas und Breakpoint einstellen
Die Leiste kann dauerhaft sichtbar sein oder sich beim Hinunterscrollen ausblenden, damit sie nicht stört. Beim Hinaufscrollen kommt sie zurück. Auf iPhones berücksichtigt das Modul den unteren Sicherheitsbereich, und mit einer Sticky-Kopfzeile in Ihrem Theme stimmt der Abstand ebenfalls. Den Breakpoint, ab dem die Leiste verschwindet, legen Sie im Admin fest, genauso wie die Position oben oder unten.
- Immer sichtbar oder mit Aus- und Einblenden
- Rücksicht auf Safe Areas bei iPhones
- Breakpoint und Position im Admin
Konfiguration und Barrierefreiheit der Filterleiste
Im Admin wählen Sie, welche Schaltflächen erscheinen, wie die Texte lauten und ob die Trefferzahl gezeigt wird. Alle Texte lassen sich je Store View übersetzen. Die Schaltflächen sind echte Buttons mit Beschriftung für Screenreader, und der Zähler wird als Zustand vorgelesen. Die Bedienung funktioniert per Touch, Tastatur und Assistenztechnik ohne Zusatz-Skripte.
- Schaltflächen und Texte je Store View
- Echte Buttons mit Beschriftung und Zustand
- Eigene ACL-Ressource für die Konfiguration
Wo die Magento 2 Mobile Filterleiste im Shop-Alltag hilft
Typische Situationen, in denen die Magento 2 Mobile Filterleiste Abbrüche vermeidet.
Große Kategorien
Bei hunderten Treffern verfeinern Kunden mitten in der Liste, ohne nach oben zu scrollen.
Mode und Schuhe
Größe und Farbe werden oft erst nach einigen Produkten klar. Die Leiste ist sofort zur Hand.
Ersatzteile und Zubehör
Kunden grenzen nach Gerät oder Typ ein, sobald sie merken, dass die Liste zu breit ist.
Suchergebnisse
Auch nach der Suche bleiben Filter und Sortierung erreichbar, wenn die Trefferliste lang ist.
Magento 2 Mobile Filterleiste: ohne und mit Modul im Vergleich
Der Unterschied zu Filtern, die am Anfang der Liste verschwinden.
| Thema | Ohne Modul | Mit Mironsoft Sticky Mobile Filter Bar |
|---|---|---|
| Erreichbarkeit | Filter nur am Listenanfang | Leiste am Bildschirmrand, immer griffbereit |
| Aktive Filter | Schwer zu erkennen | Zähler-Badge in der Leiste |
| Sortierung | Weit oben in der Toolbar | Eigener Button neben dem Filter |
| Scroll-Verhalten | Kein fester Bereich | Ein- und Ausblenden je nach Richtung |
| Umsetzung | Eigener Umbau am Theme nötig | Nutzt die vorhandene Filter-Schublade |
So richten wir die Magento 2 Mobile Filterleiste für Sie ein
Der Ablauf nach Ihrer Beauftragung.
Abstimmung
Sie nennen Schaltflächen, Texte, Breakpoint und das gewünschte Scroll-Verhalten.
Installation
Wir installieren das Modul und setzen die Magento 2 Mobile Filterleiste auf Kategorie- und Suchseiten. Danach testen wir die Magento 2 Mobile Filterleiste mit Ihrer Layered Navigation.
Gestaltung
Wir passen Farben, Rundungen und Abstände an Ihr Theme an, auch unter einer Sticky-Kopfzeile.
Test
Wir prüfen iPhone und Android, Hoch- und Querformat sowie die Bedienung per Tastatur.
Übergabe
Ihr Team erhält eine Einweisung in Konfiguration, Texte und Verhalten.
Abgrenzung zur festen Navigationsleiste für Smartphones
Die mobile Navigationsleiste von Mironsoft bietet allgemeine Ziele wie Start, Suche und Warenkorb auf jeder Seite. Die Magento 2 Mobile Filterleiste ist kontextbezogen: Sie erscheint nur dort, wo es Filter und Sortierung gibt, und liefert genau diese Funktionen. Beide Module lassen sich kombinieren, wobei die Filterleiste dann oberhalb der Navigationsleiste sitzt.
Das Modul arbeitet mit Alpine.js im Hyvä Theme und braucht keine weitere Bibliothek. Es verändert keine Layered-Navigation-Logik und keine URLs.
Kein Download, sondern persönliche Einrichtung
Die Filterleiste 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 Schaltflächen, Texte und Verhalten gemeinsam mit Ihnen ab.
Häufige Fragen
Alles Wichtige zur Magento 2 Mobile Filterleiste, zu Verhalten, Konfiguration und zum Ablauf des Kaufs.
Wie kann ich in Magento 2 die Filter auf dem Smartphone sticky machen?
Wie öffnet die Leiste die Filter?
Wird die Anzahl aktiver Filter angezeigt?
Kann sich die Leiste beim Scrollen ausblenden?
Funktioniert die Leiste auf dem iPhone mit Home-Indikator?
Auf welchen Seiten erscheint die Leiste?
Ändert die Leiste meine Filter oder URLs?
Funktioniert die Magento 2 Mobile Filterleiste mit Hyvä?
Was unterscheidet das von einer allgemeinen Navigationsleiste?
Kann ich das Modul selbst herunterladen und installieren?
Zuletzt angesehene Artikel
Magento 2 Mobile Filterleiste – Mironsoft Sticky Mobile Filter Bar