FacetFilter für OXID 7: Mehrfachfilterung für Kategorielisten

FacetFilter für OXID 7: Mehrfachfilterung für Kategorielisten

Die Suche nach dem richtigen Produkt beginnt in den meisten Onlineshops in der Kategorie. Je größer das Sortiment, desto wichtiger sind filterbare Kriterien, mit denen Kundinnen und Kunden die Auswahl schnell eingrenzen können. FacetFilter bringt genau das in OXID eShop 7: eine übersichtliche, Amazon-ähnliche Filter-Sidebar für Kategorielisten, die mehrere Filter gleichzeitig erlaubt und die Ergebnisse sofort aktualisiert.

Alle wichtigen Filtergruppen im Überblick

Das Modul vereint fünf Filtertypen in einer einzigen Bedienfläche. Shop-Betreiber können jede Gruppe einzeln aktivieren, deaktivieren oder beim Öffnen automatisch ausklappen lassen:

Attributfilter

Für Attribute, die einer Kategorie zugeordnet sind, erscheinen Checkboxen mit den verfügbaren Werten. Mehrere Werte derselben Eigenschaft werden mit Oder verknüpft, verschiedene Eigenschaften mit Und. Attribute werden wie gewohnt im OXID-Admin gepflegt und der gewünschten Kategorie zugewiesen.

Variantenfilter

Größen, Längen, Farben und andere Variantenbezeichnungen lassen sich direkt aus den Artikelvarianten auslesen. Es müssen keine zusätzlichen Attribute angelegt werden, damit Variantenwerte filterbar sind.

Herstellerfilter

Die Herstellerzuordnung der Artikel wird als eigene Filtergruppe angeboten. Kunden können so gezielt nach Marken filtern.

Preisfilter

Ein von/bis-Slider zeigt die aktuelle Preisspanne der Kategorie. Optional können zusätzliche Preisstufen als Checkboxen angezeigt werden, zum Beispiel in 50- oder 100-Euro-Schritten.

Verfügbarkeitsfilter

Der Filter unterscheidet sofort lieferbare und nicht lagernde Artikel. Ein Vaterartikel gilt dabei als lieferbar, wenn er selbst oder mindestens eine Variante Lagerbestand hat.

Sofortige Ergebnisse ohne Seitenwechsel

Jeder Klick aktualisiert die Artikelliste, die Trefferzahl und die verfügbaren Filterwerte per Ajax. Gewählte Werte erscheinen oben als Chips und lassen sich einzeln entfernen. Über „Alle Filter zurücksetzen“ kann die komplette Auswahl aufgehoben werden. Die aktuelle Filterkombination bleibt in der URL erhalten, sodass gefilterte Ansichten geteilt oder per hartem Reload erneut aufgerufen werden können.

Desktop und Mobil aus einer Hand

Am Desktop erscheint FacetFilter als Sidebar links neben der Artikelliste. Auf schmalen Bildschirmen öffnet sich derselbe Filter in einem seitlichen Drawer, der beim Filtern geöffnet bleibt. So lassen sich mehrere Werte bequem hintereinander wählen, ohne dass sich der Drawer bei jedem Klick schließt. Eine Schließen-Schaltfläche am unteren Rand sorgt für komfortables Bedienen auf Smartphones.

Farbflächen für Farb-Attribute

Für Farb-Attribute zeigt das Modul automatisch ein farbiges Kästchen neben dem Attributwert an. Eine eingebaute Farbliste erkennt gängige deutsche und englische Farbnamen wie Blau, Blue, Grün, Green oder Beige. Leerzeichen, Bindestriche, Groß- und Kleinschreibung sowie Umlaute spielen dabei keine Rolle. Über die Modul-Einstellungen können eigene Farben im Format Farbname:HEX ergänzt werden.

Einstellungen im OXID-Admin

FacetFilter lässt sich vollständig über die Modul-Einstellungen steuern. Shop-Betreiber können einzelne Filtergruppen ein- oder ausschalten, die Standard-Ansicht aufgeklappt oder zugeklappt definieren, Preisstufen anpassen, Artikelzahlen ein- oder ausblenden und eigene Farbflächen hinterlegen. Auch gefilterte Listen können für Suchmaschinen auf noindex gesetzt werden.

Kompatibilität

Das Modul ist für OXID eShop 7 mit dem Twig/Apex-Storefront-Theme entwickelt. Es umfasst Templates, CSS, JavaScript, Übersetzungen und eine ausführliche Dokumentation für Agenturen und Shop-Betreiber.

 

 

Häufige Fragen zu FacetFilter

Wie werden Attribute im Filter sichtbar?

Attribute werden im OXID-Admin angelegt, dem Artikel zugewiesen und der gewünschten Kategorie unter dem Reiter „Kategorien“ zugeordnet. Erst die Kategoriezuordnung sorgt dafür, dass das Attribut in der Filter-Sidebar erscheint.

Werden Varianten ohne separate Attribute gefiltert?

Ja. FacetFilter liest Variantenbezeichnungen direkt aus den Artikelvarianten. Es ist nicht nötig, für jede Variante ein eigenes OXID-Attribut anzulegen.

Wie funktioniert der mobile Filter?

Auf schmalen Bildschirmen öffnet sich der Filter in einem Drawer. Er bleibt beim Setzen mehrerer Filterwerte geöffnet, damit Kunden bequem kombinieren können. Ein separater „Filter einklappen“-Button am unteren Rand schließt die Ansicht.

Kann ich eigene Farben ergänzen?

Ja. In den Modul-Einstellungen „Zusätzliche Farbflächen“ können Farben im Format „Farbname:HEX-Code“ oder „Farbname=HEX-Code“ hinterlegt werden. Eigene Werte überschreiben gleichnamige Standardfarben.

Fazit

Mit FacetFilter wird die Kategorieseite zum zentralen Einstiegspunkt für Produktsuchen. Statt zwischen einzelnen Attributen hin- und herzuspringen, können Kunden gezielt kombinieren und sofort sehen, welche Produkte verfügbar sind. Für OXID eShop 7 mit Twig und Apex ist das Modul sofort einsatzbereit und lässt sich über die Modul-Einstellungen an nahezu jedes Sortiment anpassen.