Wtyczka WordPress/WooCommerce dodająca interaktywny pasek filtrów z chipami oraz sidebar sortowania z live AJAX update siatki produktów i licznika wyników. Osadzana shortcodem:

Co widzi użytkownik

Sticky pasek filtrów na górze — etykieta „FILTRUJ:” i zestaw klikanych chipów (pill-buttonów). Domyślnie aktywny chip „WSZYSTKO”, obok do 12 automatycznie wygenerowanych chipów z nazwami produktów. Po prawej stronie paska żywy licznik produktów aktualizowany po każdym filtrowaniu.

Sidebar sortowania (po lewej stronie siatki) z czterema opcjami:

Siatka produktów — karty z miniaturą, nazwą i ceną, generowane po stronie serwera i podmieniane przez AJAX bez przeładowania strony.

Działanie wtyczki

Generowanie chipów: przy pierwszym wywołaniu pobiera tytuły wszystkich opublikowanych produktów, tokenizuje je (split po spacjach, myślnikach, ukośnikach), filtruje stopwords polskie i angielskie, zlicza częstotliwość każdego tokenu i zwraca do 12 najczęstszych jako chipy. Wynik trafia do transientu na 1 godzinę. Cache jest automatycznie czyszczony przy zapisie lub usunięciu produktu. Deweloperzy mogą nadpisać lub rozszerzyć listę chipów filtrem.

Frontend:

• klik w chip → wywołanie AJAX z 80ms debounce (antyspam przy szybkich kliknięciach)
• klik w opcję sortowania → wywołanie AJAX
• po otrzymaniu odpowiedzi: aktualizacja licznika, podmiana HTML siatki z fade in
• auto-scroll siatki do widoku jeśli jej górna krawędź jest powyżej dolnej krawędzi paska filtrów

Aktywny chip dostaje animację pulse (CSS) przy każdym kliknięciu.