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ć:
npm installnpm 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
- Zainstaluj i aktywuj WooCommerce.
- Zainstaluj Sieve i aktywuj wtyczkę.
- Otwórz menu Sieve, odbuduj indeks i w razie potrzeby dostosuj zestaw faset.
- Umieść filtr na dowolnej stronie za pomocą shortcode’u
[sieve]lub bloku „Filtr Sieve”.
Najczęściej zadawane pytania
-
Dokumentacja i linki
-
- 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
Kontrybutorzy i deweloperzy
„Sieve – fasetowy filtr dla WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.
ZaangażowaniWtyczka „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_idsnaSearchResolver, 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_typesisieve_facet_catalogorazFacetTypeRegistryw odpowiedzi REST katalogu administracyjnego, aby dodatki PRO mogły rejestrować zaawansowane prezentacje faset (np. ocena gwiazdkowa).
0.9.2
- Rozszerzenie: filtr
sieve_settingsi ustawienielayout(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_facetsi 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 zapytaniasf_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”.
