Die Komponente <ws-set-filter-back> ermöglicht es Nutzern, alle aktivierten Filter mit einem Klick auf einen "Filter zurücksetzen"-Button zu entfernen. Dadurch werden alle angewendeten Filter sowohl aus der Anzeige als auch aus den Filterkriterien der Suche entfernt.

Voraussetzung

Die <ws-communication>-Komponente muss eingebunden sein, um die Kommunikation mit der Such-API sicherzustellen.
Das JavaScript-Bundle wsSearchComponent.js muss integriert sein.
Es müssen aktive Filter über die Komponente <ws-filter> vorhanden sein. Ohne aktivierte Filter zeigt der Button nicht angezeigt.

Komponente

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

<ws-set-filter-back>
  <button>Alle Filter entfernen</button>
</ws-set-filter-back>

CSS & Styling

Diese Komponente generiert keinen zusätzlichen HTML-Code oder spezifische CSS-Klassen.

Der Button innerhalb der Komponente ist frei definierbar und kann nach Bedarf gestaltet werden.