Rotozoom Product Filter — Handbuch

Blitzschnelle AJAX-Produktfilterung für WooCommerce. Mit Product Filter können Ihre Kunden Ihren Katalog nach Kategorie, Preis, Attributen, Lagerbestand und Bewertung eingrenzen — die Ergebnisse werden sofort aktualisiert, ohne die Seite neu zu laden. Es ist ein direkter Ersatz für WBW Product Filter ohne Abhängigkeiten.

Kostenlose Version: vollständige AJAX-Filterung, Preis-Schieberegler, Lager-/Bewertungsfilter, Kategoriekontext, bis zu 4 aktive Attribute.
Pro-Version: unbegrenzte Attribute und volle XStore-Theme-Kompatibilität.
Pro-Preis: 47 € / Jahr pro Website.

Für Einsteiger: was dieses Plugin macht

Wenn ein Shop mehr als eine Handvoll Produkte hat, brauchen die Kunden eine Möglichkeit, schnell zu finden, was sie suchen. Ein Filter ist das Panel — meist links auf der Shop-Seite — mit Kontrollkästchen und Schiebereglern wie Preis, Farbe oder Marke. Während der Kunde Kästchen anhakt, grenzt sich das Produktraster ein.

Product Filter fügt dieses Panel zu Ihrem Shop hinzu und macht es sofortig: Das Raster aktualisiert sich in dem Moment, in dem ein Kästchen angehakt wird, ohne Neuladen der Seite. Außerdem werden die gewählten Filter in der Webadresse (der URL) gespeichert, sodass ein Kunde eine gefilterte Ansicht als Lesezeichen speichern oder teilen kann.

Einrichtung

1. Bereiten Sie Ihre Daten vor

Filter sind nur so gut wie Ihre Produktdaten, stellen Sie also zuerst sicher, dass Ihre Produkte Folgendes haben:

Kategorien zugewiesen (unter jedem Produkt oder unter Produkte → Kategorien).
Attribute wie Farbe, Größe, Wattzahl, Sockel (eingerichtet unter Produkte → Attribute, dann den Produkten zugewiesen).

Tipp: Halten Sie Attribut-Slugs in einfachen ASCII-Buchstaben (zum Beispiel socket, wattage). Nicht-lateinische Slugs können in der URL falsch codiert werden.

2. Platzieren Sie den Filter

Fügen Sie den Filter mit dem Shortcode [avs_filter] zu Ihrem Shop hinzu. Platzieren Sie ihn in einem Widget-Bereich (z. B. einer Shop-Seitenleiste) oder direkt auf einer Seite oder einem Kategorie-Template, je nach Theme. Der Filter respektiert automatisch die Seite, auf der er sich befindet — auf einer Kategorieseite filtert er innerhalb dieser Kategorie.

3. Wählen Sie, welche Filter angezeigt werden

In den Plugin-Einstellungen wählen Sie, welche Steuerelemente erscheinen — Kategorien, Preisbereich, einzelne Attribute, Lagerstatus und Bewertung — und in welcher Reihenfolge sie erscheinen.

Funktionsreferenz

AJAX-Filterung mit URL-Synchronisierung

Jede Änderung an einem Filter löst eine AJAX-Anfrage aus — einen Hintergrundaufruf an den Server, der nur die passenden Produkte zurückgibt und sie in das Raster einsetzt, ohne vollständiges Neuladen der Seite. Die aktiven Filter werden in die URL geschrieben, sodass:

Die Zurück-Taste des Browsers wie erwartet funktioniert.
Eine gefilterte Ansicht als Lesezeichen gespeichert oder geteilt werden kann.
Das direkte Aufrufen einer gefilterten URL die korrekten, vorgefilterten Ergebnisse anzeigt.

Preisbereich-Schieberegler

Ein ziehbarer Schieberegler mit zwei Griffen lässt Kunden einen Mindest- und Höchstpreis festlegen. Der Bereich passt sich den aktuell sichtbaren Produkten an.

Attributfilter

Jedes WooCommerce-Attribut kann zu einer Filtergruppe (Kontrollkästchen) werden. Kunden können mehrere kombinieren — zum Beispiel Sockel: E27 und Farbtemperatur: Warmweiß — um Ergebnisse präzise einzugrenzen.

Free: bis zu 4 aktive Attributfilter gleichzeitig.
Pro: unbegrenzte Attributfilter — ideal für technische Kataloge mit vielen Eigenschaften.

Lager-, Bewertungs- und Sonderfilter

Integrierte Filter über Attribute hinaus:

Auf Lager — nicht vorrätige Artikel ausblenden.
Bewertung — nur Produkte ab einer Sternebewertung anzeigen.
Im Angebot / empfohlen — Aktionen hervorheben.

Kategorieseiten-Kontext

Wenn der Filter auf einem Kategorie-Archiv sitzt, beschränkt er die Ergebnisse automatisch auf diese Kategorie, sodass Kunden innerhalb des durchsuchten Bereichs verfeinern statt über den ganzen Shop hinweg.

Free vs. Pro auf einen Blick

Funktion	Free	Pro
AJAX-Filterung mit URL-Synchronisierung	✓	✓
Preisbereich-Schieberegler	✓	✓
Lager-, Bewertungs- & Sonderfilter	✓	✓
Kategorieseiten-Kontext	✓	✓
Aktive Attributfilter	bis zu 4	unbegrenzt
XStore-Theme-Kompatibilität	—	✓

Erweiterte Hinweise

XStore-Kompatibilität (Pro): XStore rendert Shop-Seiten mit eigenem Markup; Pro enthält eine spezifische Integration, damit der Filter korrekt in das Produktraster und AJAX von XStore eingreift. Bei Standard-/generischen Themes funktioniert der Filter ohne diese.
URL-gesteuerte Abfragen: Filter ändern die Haupt-Produktabfrage, sodass die Ergebnisse echte WooCommerce-Abfragen sind (korrekte Paginierung, Sortierung und Anzahl) statt eines clientseitigen Ein-/Ausblenden-Tricks.
Performance: Die Filterung nutzt den Kategoriekontext, um Abfragen auch bei großen Katalogen eingegrenzt und schnell zu halten.

Fehlerbehebung

Ein Attribut wird nicht als Filter angeboten — bestätigen Sie, dass es ein globales Attribut ist (unter Produkte → Attribute) und Produkten zugewiesen ist; bei Free denken Sie an das 4-Attribut-Limit.
Gefilterte URLs sehen kaputt oder doppelt codiert aus — prüfen Sie, ob die Attribut-Slugs einfaches ASCII sind.
Filter sieht in XStore ungestylt aus — XStore benötigt die Pro-Integration; verbinden Sie Ihre Pro-Lizenz.

Um eine Pro-Lizenz zu verbinden, siehe Plugins installieren und aktualisieren.