...

• Damit die Komponente funktioniert, müssen Produktdatenfelder im Such-Modul als Filter definiert werden

• Sind keine entsprechenden Felder konfiguriert, wird die Komponente leer oder nicht angezeigt

• Namen / technischen Feldnamen, die im Datenfeed so enthalten sind - geschrieben sind

Komponente

Die Komponente kann wie folgt auf der Kategorie und Suchergebnisseite eingebunden werden:

...

• Attribute

  • type: Gibt den Filtertyp an.

    • checkbox: Auswahl über Checkboxen (z. B. Kategorien oder Farben).

    • slider: Schieberegler für Wertebereiche (z. B. Preis).

    • negate: Negativer Filter Jennifer Pusch

    • number-range-min / number-range-max: Eingabefelder für minimale bzw. maximale Werte eines Bereichs. Markus Geist funktioniert Slider ohne number-range-min / number-range-max

  • filter-msg: Nachricht, die angezeigt wird, wenn keine Filteroptionen verfügbar sind (z. B. "Kein Filter vorhanden").

  • multiple="true": Erlaubt die Mehrfachauswahl (nur für Checkboxen).

  • name: Definiert das Produktdatenfeld, auf das der Filter angewendet wird, z.B.

    • catids für Kategorien

    • price für Preis

...

• Dynamische Bereichsauswahl mit zwei Griffen (z. B. Preisfilter von 0 bis 259 €)

• Anzeige von Tooltips mit den aktuellen Werten

• Anpassbares Styling über CSS

Binde ein Script ein für die noUiSlider - hier kannst du runterladen: Jennifer Pusch

Die noUiSlider-Bibliothek ist bereits im JavaScript-Bundle wsSearchComponent.js enthalten.

...