Wtyczka YITH WooCommerce Ajax Product Filter Premium - 5.23.0

YITH WooCommerce Ajax Product Filter Premium to wtyczka dodająca do sklepu WooCommerce panele filtrów w technologii AJAX – zawężają listę produktów bez przeładowania strony. Presety, suwak ceny, próbki kolorów i filtrowanie wariantów sprawdzają się w sklepach odzieżowych i dużym katalogu, gdzie nawigacja bywa wąskim gardłem.

Filtrowanie AJAX i presety filtrów na dowolnych stronach sklepu

YITH WooCommerce Ajax Product Filter buduje panele filtrów w technologii AJAX, więc lista produktów zawęża się natychmiast, bez przeładowania całej strony. Pojedyncze filtry łączą się w presety – gotowe zestawy przypisane do strony sklepu, jednej kategorii albo dowolnej strony niestandardowej. Każdy preset osadza się przez widget, shortcode, blok Gutenberga lub dedykowany widget Elementora.

Jak działają presety filtrów i gdzie je przypisać

Preset to zapisany w panelu zestaw filtrów, przypięty do konkretnego miejsca w sklepie. Jeden obsłuży stronę sklepu. Drugi pojedynczą kategorię, a trzeci stronę kolekcji zbudowaną poza standardowymi widokami WooCommerce.

System presetów zastąpił wcześniejszą konfigurację opartą na klasycznych widgetach layered navigation. Stare widgety nadal działają, a wbudowane narzędzie przenosi je do presetów. Jest też domyślny preset ze wszystkimi filtrami – zbędne pozycje wystarczy wyłączyć i panel jest gotowy w kilku kliknięciach.

Widget, shortcode, blok Gutenberga i widget Elementora

Panel filtrów osadza się na kilka sposobów, zależnie od układu strony. Klasyczny widget trafia do sidebara lub obszaru widgetów motywu. Shortcode [yith_wcan_filters] wstawia filtry w dowolnym miejscu treści, a blok Gutenberga i widget Elementora dodają je w edytorach wizualnych. Tak filtry trafiają również na strony niestandardowe, których standardowy WooCommerce nie obsługuje.

Auto-populacja filtrów z kategorii, tagów i atrybutów

Auto-populacja synchronizuje filtr z taksonomiami WooCommerce – kategoriami, tagami i atrybutami. Nowy termin dodany w sklepie pojawia się w filtrze sam, bez ręcznej aktualizacji listy opcji.

Terminy układają się alfabetycznie, według liczby produktów albo we własnej kolejności. Obok każdej opcji może stać licznik pasujących produktów, a po najechaniu kursorem pokazuje się tooltip.

Typy filtrów: cena, kolor, ocena, dostępność i promocja

YITH WooCommerce Ajax Product Filter udostępnia filtry po kategorii, tagu i dowolnym atrybucie WooCommerce – kolorze, rozmiarze czy materiale. Edycja Premium dodaje suwak i zdefiniowane przedziały cenowe, filtr po ocenie z recenzji oraz filtry dostępności i promocji. Każda opcja występuje jako checkbox, przycisk radio, lista rozwijana, etykieta lub próbka koloru.

Filtr ceny — suwak i przedziały cenowe

Filtr ceny działa w dwóch trybach. Pierwszy to suwak zakresu – klient przeciąga granice ceny, a opcjonalne pola „od” i „do” przyjmują wpisane kwoty ręcznie. Drugi to zdefiniowane przedziały cenowe w dowolnej liczbie, gdzie ostatni próg przyjmuje formę „i więcej”.

Waluta w filtrze dziedziczy ustawienia WooCommerce, więc sklep z cenami w PLN pokazuje przedziały w złotówkach.

Próbki kolorów, etykiety i style wyświetlania

Opcje filtra można pokazać na wiele sposobów: jako checkboxy, przyciski radio, listy rozwijane, multi-select, etykiety tekstowe lub próbki kolorów. Same próbki bywają okrągłe albo kwadratowe, a w edycji Premium także dwukolorowe i z obrazem – oddają wtedy gradienty, tekstury oraz wzory tkanin. Taki zestaw stylów pasuje do sklepów z odzieżą i materiałami o złożonych barwach.

Filtr po ocenie, dostępności i promocji oraz sortowanie AJAX

Filtr po ocenie zawęża listę według liczby gwiazdek z recenzji i odsiewa nisko oceniane produkty. Filtry dostępności i promocji ograniczają wyniki do pozycji „tylko w magazynie” lub „tylko przecenione”. Sortowanie AJAX porządkuje je według popularności, daty, ceny albo średniej oceny – też bez przeładowania strony.

Filtrowanie wariantów, layout mobilny i filtry dynamiczne

Filtrowanie wariantów w YITH WooCommerce Ajax Product Filter podmienia na liście produkt nadrzędny na pasujący wariant – razem z jego zdjęciem i ceną. Po wyborze „kolor: czarny” widać czarną wersję koszulki, a nie generyczną miniaturę. Edycja Premium wprowadza layout modalny na urządzeniach mobilnych, filtry poziome nad listą produktów oraz filtry dynamiczne dopasowujące dostępne opcje do wyboru.

Filtrowanie wariantów produktów

Standardowo WooCommerce pokazuje na listingu produkt nadrzędny, niezależnie od wybranego wariantu. Filtrowanie wariantów odwraca tę logikę: gdy konkretny wariant spełnia kryteria filtra, to właśnie on trafia na listę – z podmienionym zdjęciem, ceną i danymi. Klient od razu widzi to, czego szuka, na przykład czarne buty w rozmiarze 42.

Layout modalny na urządzeniach mobilnych

Na smartfonach i tabletach filtry otwierają się w oknie modalnym, zamiast zajmować miejsce w sidebarze. Klient zaznacza terminy w nakładce, zatwierdza wybór i wraca do listy, a widok sam przewija się na górę wyników.

Taki układ odpowiada wzorcom UX z dużych serwisów e-commerce. Odróżnia też wtyczkę od rozwiązań, które doklejają filtry pod listą produktów.

Filtry poziome i dynamiczne (adaptive filtering)

Filtry poziome (horizontal toolbar) przenoszą pasek filtrów nad listę produktów, zamiast trzymać go w bocznej kolumnie – układ znany z serwisów pokroju Zalando. Filtry dynamiczne dopasowują dostępne opcje do bieżącego wyboru: niepasujące terminy da się wyszarzyć i zablokować zamiast ukrywać, a po wyborze kategorii znikają filtry, które do niej nie pasują.

Tryb działania przełącza się między natychmiastowym filtrowaniem AJAX a przyciskiem „Zastosuj filtry” – zależnie od preferencji sklepu.

Dla jakich sklepów YITH Ajax Product Filter sprawdza się najlepiej

YITH WooCommerce Ajax Product Filter sprawdza się najlepiej w sklepach odzieżowych i obuwniczych z wieloma wariantami koloru oraz rozmiaru, w średnich i dużych katalogach, gdzie nawigacja bywa wąskim gardłem, a także w sklepach zbudowanych na innych wtyczkach YITH. Przy katalogu z dziesiątkami tysięcy produktów albo potrzebie filtrowania po polach ACF lepiej sięgnąć po rozwiązanie z dedykowanym indeksem.

Sklepy odzieżowe i z wieloma wariantami

Asortyment z atrybutami koloru, rozmiaru i materiału najwięcej zyskuje na próbkach kolorów, etykietach i filtrowaniu wariantów. Klient widzi konkretny wariant ze zdjęciem zamiast generycznego produktu nadrzędnego, a to skraca drogę do właściwej pozycji.

Dla jakich sklepów wtyczka sprawdza się najlepiej:

• Sklepy odzieżowe i obuwnicze z atrybutami koloru, rozmiaru i materiału.
• Średnie i duże katalogi, w których nawigacja po ofercie hamuje zakupy.
• Sklepy korzystające już z innych wtyczek YITH.
• Witryny z customowym układem stron w Elementorze lub Gutenbergu.
• Sklepy z dużym udziałem ruchu mobilnego.

Sklepy w ekosystemie YITH i z customowym układem strony

Sklepy oparte na innych wtyczkach YITH zyskują spójne, wzajemnie zgodne filtrowanie – wszystkie produkty YITH dzielą wspólny framework. Integracje z YITH Brands, Color & Label Variations oraz Ajax Search rozbudowują panel filtrów bez dodatkowej pracy programistycznej.

Filtry wchodzą też na customowe strony kolekcji zbudowane w Elementorze lub Gutenbergu, poza standardowymi widokami WooCommerce.

Dla kogo wtyczka nie jest najlepszym wyborem

Wtyczka opiera filtrowanie na licznych zapytaniach WP_Query, więc przy katalogu z dziesiątkami tysięcy produktów i wieloma atrybutami czas ładowania potrafi wyraźnie rosnąć. Nie sięga też po pola własne ani treści spoza WooCommerce.

Dla kogo wtyczka nie jest najlepszym wyborem:

• Sklepy z bardzo dużym katalogiem (dziesiątki tysięcy produktów i kilkadziesiąt atrybutów) – przy tej skali rozwiązania z dedykowanym indeksem, jak FacetWP czy FiboFilters, bywają wydajniejsze.
• Projekty wymagające filtrowania po polach własnych (custom fields / ACF) – wtyczka tego nie obsługuje.
• Witryny filtrujące treści inne niż produkty WooCommerce, na przykład wpisy lub własne typy treści.

Integracje z wtyczkami YITH, WPML i builderami stron

YITH WooCommerce Ajax Product Filter integruje się natywnie z innymi wtyczkami YITH – Brands Add-on dodaje filtr po marce, Color & Label Variations zasila próbki kolorów i etykiety, a Ajax Search z Infinite Scrolling rozbudowują wyszukiwanie oraz listy produktów. Sam panel jest w 100% zgodny z WPML i udostępnia dedykowany blok Gutenberga oraz widget Elementora.

Ekosystem YITH (Brands, Color & Label Variations, Ajax Search)

YITH WooCommerce Brands Add-on wprowadza markę jako taksonomię, którą filtr potrafi obsłużyć – bez tego dodatku marka nie jest standardowym atrybutem. YITH Color, Image & Label Variation Swatches dostarcza kolory, etykiety i obrazy próbek, konfigurowane przy wariantach produktów.

YITH Ajax Search pokazuje sekcję filtrów w nakładce wyszukiwarki, a YITH Infinite Scrolling zamienia paginację na ciągłe doładowywanie listy – również po filtrowaniu AJAX. Panel współpracuje też z YITH Wishlist oraz autorskim motywem Proteo.

Wielojęzyczność (WPML, Weglot, Loco Translate) i buildery stron

Wielojęzyczność opiera się na pełnej, przetestowanej zgodności z WPML, a obok niego działają Weglot i Loco Translate. Wtyczka jest translation ready, więc etykiety interfejsu da się przetłumaczyć własnymi plikami językowymi. Po stronie builderów czeka dedykowany blok Gutenberga oraz widget Elementora, a w pozostałych edytorach filtry wstawia shortcode [yith_wcan_filters].

Interfejs wtyczki nie ma oficjalnego tłumaczenia na polski, ale przez Loco Translate etykiety da się przygotować samodzielnie. Polskie blogi branżowe, takie jak woobox.pl czy icommedia.pl, wymieniają ją wśród skutecznych narzędzi do filtrowania katalogu WooCommerce.

Wymagania techniczne i kompatybilność

YITH WooCommerce Ajax Product Filter wymaga WordPressa 6.8 lub nowszego oraz WooCommerce 10.7 lub nowszego, z rekomendowanym PHP 7.4+ (najlepiej 8.0+). Wtyczka deklaruje kompatybilność z HPOS, jest translation ready i w pełni zgodna z WPML. Producent potwierdza wsparcie m.in. dla motywów Astra, Avada, Divi, Flatsome, Storefront, Porto i Proteo oraz builderów Gutenberg i Elementor.

Wersje WordPress, WooCommerce i PHP

Minimalne wymagania to WordPress 6.8 oraz WooCommerce 10.7, a wtyczka nadąża za bieżącymi wydaniami obu systemów. Zalecane środowisko PHP to 7.4 lub nowsze, najlepiej 8.0+ – zgodnie z wymaganiami współczesnych wersji WooCommerce. Kompatybilność z HPOS (High-Performance Order Storage) deklaruje producent.

Kompatybilność z motywami i builderami

Producent potwierdza poprawne działanie z popularnymi motywami WooCommerce – Astra, Avada, Divi, Flatsome, Storefront, Porto oraz autorskim Proteo, obok wielu innych. Filtry osadza się natywnie blokiem Gutenberga i widgetem Elementora, a w pozostałych builderach shortcodem.

Uwaga o kompatybilności: pełna zgodność z każdym motywem nie jest możliwa – wtyczka działa poprawnie z motywami trzymającymi się standardów WordPressa i WooCommerce. Przy mocno niestandardowych szablonach może wymagać wskazania właściwego selektora kontenera, żeby po filtrowaniu odświeżała się tylko lista produktów, a nie cała strona.

Najczęściej zadawane pytania