Sieve – fasetowy filtr dla WooCommerce

Opis

Sieve daje Twoim klientom szybki, nowoczesny sposób znajdowania produktów. Zaznaczają kilka opcji, przeciągają zakres cen, wpisują słowo kluczowe, a siatka aktualizuje się natychmiast bez przeładowania strony. Zaprojektowany, by być bez wysiłku i szybki w dużych katalogach, z dostępnymi widżetami, mobilnym panelem filtrów i podejściem do renderowania pod Core Web Vitals: bez przesunięcia układu przy zmianie wyników.

Wszystko działa na wstępnie zbudowanym indeksie, więc filtrowanie pozostaje szybkie nawet przy tysiącach produktów, a liczniki przy każdej opcji aktualizują się na żywo, gdy klienci zawężają wyniki.

Filtrowanie, które wydaje się natychmiastowe:

  • Filtrowanie AJAX bez przeładowania strony oraz udostępnialne, zapisywalne adresy URL
  • Na żywo aktualizowane zależne liczniki przy stosowaniu filtrów
  • Chipy aktywnych filtrów, reset jednym kliknięciem, wbudowane sortowanie i paginacja

Każdy potrzebny typ fasety:

  • Pola wyboru, przyciski opcji i przeszukiwalne listy rozwijane
  • Próbki kolorów i obrazów, hierarchiczne (drzewiaste) kategorie
  • Autouzupełnianie (przeszukiwalne opcje) i indeks A–Z
  • Suwaki zakresu, wyszukiwanie słów kluczowych, sortowanie, paginacja i reset

Filtruj według czegokolwiek w katalogu:

  • Kategorie, tagi i atrybuty produktów
  • Cena, stan magazynowy i promocja

Predykcyjne wyszukiwanie produktów:

  • Natychmiastowa lista rozwijana podpowiedzi z miniaturami, cenami, dopasowaniami SKU i kategorii oraz pełną nawigacją klawiaturową

Szybki i dostępny z założenia:

  • Wstępnie zbudowany indeks do szybkich zapytań filtrowanych w dużych katalogach
  • Mobilny panel filtrów z przypiętym paskiem Zastosuj
  • Widżety przyjazne klawiaturze i czytnikom ekranu
  • Core Web Vitals z założenia: brak przesunięcia układu przy aktualizacji wyników

Łatwe umieszczenie i konfiguracja:

  • Blok Gutenberg „Filtr Sieve” i shortcode [sieve]
  • Wizualny kreator faset w panelu administracyjnym: dodawaj, zmieniaj kolejność i typ faset, ustawiaj układ i odbudowuj indeks

Sieve PRO

Sieve PRO dodaje zaawansowaną kontrolę i integracje dla rozwijających się sklepów:

  • Faseta oceny gwiazdkowej z wizualnymi gwiazdkami
  • Warunkowe reguły faset: pokazuj lub ukrywaj fasety według kategorii, strony sklepu lub roli klienta
  • Testy A/B układu, aby znaleźć filtr konwertujący najlepiej
  • Panel wydajności: rozmiar indeksu, pokrycie katalogu i testy szybkości filtrów
  • Integracje wyszukiwania: SearchWP i Algolia, z natywnym zapasowym rozwiązaniem

Dokumentacja: https://plogins.com/sieve/docs/

Te wtyczki też mogą Ci się spodobać

Więcej darmowych wtyczek WooCommerce od WPPoland:

  • Poziomy cenowe Plogins – poziomy cenowe oparte na ilości i objętości z tabelą cen wygenerowaną przez serwer.
  • Lista oczekujących na ploginy – lista oczekujących na ponowne pojawienie się produktu w magazynie, która wysyła klientom e-maila, gdy tylko produkt znów będzie dostępny.
  • Polski dla WooCommerce – zgodność z przepisami obowiązującymi na rynku polskim: GPSR, Omnibus, RODO, faktury i moduły sklepowe.

Przejrzyj cały katalog na stronie https://plogins.com/.

Rozwój

Pełne, czytelne źródła skompilowanych zasobów są dołączone do wtyczki w folderze resources/, wraz z narzędziami budowania (package.json, scripts/build-wp.mjs). Skompilowane pliki w build/ są generowane z tych źródeł. Aby je odbudować:

  1. npm install
  2. npm run build

Używa Vite (skrypty panelu administracyjnego i front-endu) oraz @wordpress/scripts (bloki). Nie ma zaciemniania; każdy dostarczany zasób można odtworzyć z dołączonych źródeł. Publiczne repozytorium kodu źródłowego jest dostępne pod adresem https://github.com/wppoland/sieve.

Zrzuty ekranu

Bloki

Wtyczka dodaje 2 bloki.

  • Sieve Filter Fast, accessible faceted product filtering with a results grid.
  • Sieve Search Predictive product search with an instant, accessible typeahead dropdown.

Instalacja

  1. Zainstaluj i aktywuj WooCommerce.
  2. Zainstaluj Sieve i aktywuj wtyczkę.
  3. Otwórz menu Sieve, odbuduj indeks i w razie potrzeby dostosuj zestaw faset.
  4. Umieść filtr na dowolnej stronie za pomocą shortcode’u [sieve] lub bloku „Filtr Sieve”.

Najczęściej zadawane pytania

  • Dokumentacja – https://plogins.com/sieve/docs/
  • Strona wtyczki – https://plogins.com/sieve/
  • Kod źródłowy – https://github.com/wppoland/sieve
  • Zgłoszenia błędów i propozycje funkcji – https://github.com/wppoland/sieve/issues
  • Dyskusje i pytania – https://github.com/wppoland/sieve/discussions

Czy wymaga WooCommerce?

Tak. Sieve filtruje archiwa produktów WooCommerce i każdą stronę, na której umieścisz filtr.

Czy filtrowanie przeładowuje stronę?

Nie. Filtrowanie odbywa się przez AJAX z synchronizacją adresu URL, więc wyniki można udostępniać.

Według czego klienci mogą filtrować?

Sieve może filtrować produkty WooCommerce według kategorii, tagów, atrybutów, ceny, stanu magazynowego, statusu promocji i pola wyszukiwania słów kluczowych. Obsługuje też suwaki zakresu, przeszukiwalne opcje, próbki kolorów/obrazów, chipy aktywnych filtrów i sortowanie.

Czy jest szybki w dużych sklepach?

Tak. Sieve buduje indeks filtrów produktów, więc żądania filtrów AJAX nie muszą wykonywać wolnych zapytań na żywo dla każdej kategorii, atrybutu i zapytania o cenę.

Jak dodać filtr na stronę?

Użyj shortcode’u [sieve] lub bloku „Filtr Sieve”. Oba renderują fasety, siatkę wyników, sortowanie, chipy aktywnych filtrów i paginację razem.

Jak dodać pole predykcyjnego wyszukiwania?

Użyj shortcode’u [sieve_search] lub bloku „Wyszukiwanie Sieve”. Gdy klienci piszą, lista rozwijana pokazuje pasujące produkty z miniaturami i cenami; jest w pełni dostępna z klawiatury i wraca do standardowego wyszukiwania produktów, gdy JavaScript jest niedostępny.

Czy Sieve jest dostępny?

Tak. Interfejs filtra jest zaprojektowany pod klawiaturę i czytniki ekranu, z oznaczonymi regionami, dostępnymi kontrolkami, uprzejmymi ogłoszeniami liczby wyników i obsługą prefers-reduced-motion.

Czy Sieve działa na urządzeniach mobilnych?

Tak. Sieve zawiera mobilny panel filtrów z przypiętym paskiem zastosowania, dzięki czemu klienci mogą filtrować produkty bez walki z długim paskiem bocznym na małych ekranach.

Czy ta wtyczka działa w WordPress Multisite?

Tak. Wtyczka jest zgodna z WordPress Multisite. Możesz aktywować ją w całej sieci lub na poszczególnych witrynach; każda witryna zachowuje własne ustawienia i dane.

Recenzje

2026-06-30
Overall, a reliable and well-built plugin. It has become a permanent part of my WordPress setup.
2026-06-30
Great plugin! It works exactly as described and was very easy to set up. Even as someone with only basic WordPress experience, I had everything running in minutes.
Przeczytaj 2 recenzje

Kontrybutorzy i deweloperzy

„Sieve – fasetowy filtr dla WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka „Sieve – fasetowy filtr dla WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Sieve – fasetowy filtr dla WooCommerce” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

0.9.7

  • Dokumentacja: dodano sekcję „Może Ci się też spodobać” z linkami do innych darmowych wtyczek WPPoland dla WooCommerce. Bez zmian funkcjonalnych.

0.9.6

  • Nowość: widżety Elementor do wyszukiwania i filtrowania produktów (działa w Elementor 3.x i 4.0).

0.9.5

  • Panel administracyjny: poprawka tekstu pomocy indeksu wyświetlanego w każdym wierszu fasety; dodano powiadomienia o pustym indeksie i pustej fasecie, pogrupowany selektor źródła, komunikaty błędów zapisu/ponownego indeksowania i stan nieudanego ładowania.
  • Panel administracyjny: wbudowana pomoc dotycząca presetów stylu w panelu Wygląd.

0.9.4

  • Rozszerzenie: filtr sieve_search_product_ids na SearchResolver, aby dodatki PRO mogły kierować fasetę wyszukiwania w siatce i predykcyjne wyszukiwanie przez SearchWP lub Algolia.

0.9.3

  • Rozszerzenie: filtry sieve_facet_body, sieve_facet_types i sieve_facet_catalog oraz FacetTypeRegistry w odpowiedzi REST katalogu administracyjnego, aby dodatki PRO mogły rejestrować zaawansowane prezentacje faset (np. ocena gwiazdkowa).

0.9.2

  • Rozszerzenie: filtr sieve_settings i ustawienie layout (pasek boczny, ułożone, w linii), aby dodatki PRO mogły rotować układy panelu filtrów i liczbę kolumn. FilterEngine stosuje klasy modyfikatorów układu na .sieve-app.

0.9.1

  • Rozszerzenie: filtr sieve_facets i kontekst strony (FacetContext), aby dodatki PRO mogły pokazywać lub ukrywać fasety według kategorii, strony sklepu lub roli klienta. Żądania AJAX zachowują kontekst przez zmienne zapytania sf_ctx_*.

0.9.0

  • Usprawnienia: odświeżony, bardziej atrakcyjny interfejs filtra. Zwijane grupy faset, wiersz chipów „Aktywne filtry” z wyraźniejszymi przyciskami usuwania, przyjazny stan pusty z akcją „Wyczyść wszystkie filtry” jednym kliknięciem, dostępny wskaźnik ładowania i komunikat błędu z możliwością ponowienia przy nieudanej aktualizacji.
  • Wygląd: konfigurowalne właściwości niestandardowe CSS, płynne rozmiary, automatyczny tryb ciemny (prefers-color-scheme) i stonowane przejścia respektujące prefers-reduced-motion. Brak przesunięcia układu przy stosowaniu filtrów.
  • Panel administracyjny: wbudowana pomoc przy każdym ustawieniu, w tym krótki opis wyglądu każdego typu fasety dla klientów.
  • Dostępność: grupy faset ujawniają stan rozwinięty/zwinięty, liczniki wyników są ogłaszane uprzejmie, regiony paginacji i filtrów są oznaczone, a przyciski usuwania mają jasne nazwy dostępnościowe.

0.8.2

  • Zgodność: udokumentowano publiczne repozytorium kodu źródłowego i kroki budowania skompilowanych zasobów (wytyczne wtyczek WordPress.org).

0.8.1

  • Internacjonalizacja: ciągi interfejsu JavaScript panelu administracyjnego i front-endu są teraz uwzględnione w szablonie tłumaczeń, więc cała wtyczka (nie tylko strona PHP) może być w pełni przetłumaczona.

0.8.0

  • Nowość: ustawienia wyglądu. Wybierz preset stylu (Domyślny, Minimalny, Z obramowaniem, Miękki, Bez stylu) i dostosuj kolory akcentu, obramowania, stonowanego tekstu i tła w panelu administracyjnym, z podglądem na żywo i podpowiedzią kontrastu. Dotyczy filtra i predykcyjnego wyszukiwania. Zero dodatkowych żądań, brak przesunięcia układu, pełna zgodność wsteczna.

0.7.0

  • Wyszukiwanie działa teraz jak filtr: pisz, aby zawęzić siatkę na żywo w miejscu dzięki predykcyjnym, niewrażliwym na diakrytyki i tolerującym literówki podpowiedziom, łączonym z każdą fasetą, z bezpiecznym adresem URL i przyciskiem Wstecz. Zależne liczniki faset uwzględniają teraz także aktywne wyszukiwanie.

0.6.0

  • Predykcyjne wyszukiwanie jest teraz niewrażliwe na znaki diakrytyczne i toleruje literówki. Dopasowuje tytuły produktów i SKU, ignorując różnice diakrytyczne (np. „lozko” znajdzie „łóżko”), toleruje drobne błędy, a pasujące kategorie są wyszukiwane tak samo. To wydanie uruchamia jednorazową odbudowę indeksu wyszukiwania.

0.5.0

  • Predykcyjne wyszukiwanie wykracza teraz poza tytuły produktów: częściowe dopasowanie SKU wyszukuje produkt po kodzie, nawet gdy tytuł nie pasuje, a pasujące kategorie produktów pojawiają się jako osobna grupa na liście rozwijanej, aby klient mógł przejść prosto do przefiltrowanego archiwum. Wyniki i kategorie są pogrupowane z nagłówkami, a nawigacja klawiaturowa przechodzi przez obie grupy.

0.4.0

  • Nowe typy faset: Autouzupełnianie (pole wyszukiwania filtrujące własne opcje fasety podczas pisania, dla faset z wieloma wartościami) i Indeks A–Z (alfabetyczny pasek filtrujący opcje według pierwszej litery). Oba filtrują po stronie klienta bez dodatkowego żądania i przechodzą na zwykłą listę opcji bez JavaScript.

0.3.0

  • Nowość: predykcyjne wyszukiwanie produktów. Shortcode [sieve_search] i blok „Wyszukiwanie Sieve” renderują dostępne pole wyszukiwania z natychmiastową listą rozwijaną podpowiedzi (miniatury produktów, ceny, SKU), pełną nawigacją klawiaturową i linkiem „zobacz wszystkie wyniki”. Oparte na wyszukiwaniu produktów WooCommerce, ładowane jako samodzielny lekki pakiet, aby strony bez niego pozostały szybkie.

0.2.0

  • Nowe typy faset: próbki kolorów i obrazów (z kolorem/obrazem na termin, plus automatyczne rozpoznawanie koloru z popularnych nazw) oraz hierarchiczne (drzewiaste) fasety kategorii pokazujące tylko gałęzie prowadzące do wyników.

0.1.2

  • Panel administracyjny: czytelniejsze wiersze kreatora faset (wyrównane kontrolki, pogrupowane przyciski zmiany kolejności/usuwania ze stanami wyłączenia pierwszego/ostatniego, źródło pola pokazane jako podpis).

0.1.1

  • Zgodność: dodano właściciela wtyczki do listy współtwórców oraz dołączono czytelne źródła i kroki budowania skompilowanych zasobów (wytyczne wtyczek WordPress.org).

0.1.0

  • Pierwsze wydanie MVP: wstępnie zbudowany indeks, filtrowanie AJAX ze stanem URL, zależne liczniki faset, fasety pól wyboru / przycisków opcji / listy rozwijanej / zakresu / wyszukiwania, sortowanie, chipy aktywnych filtrów, paginacja, mobilny panel filtrów, kreator faset w React, shortcode [sieve] i blok „Filtr Sieve”.