FacetWP – Range List

FacetWP Range List – Kompleksowy przewodnik po filtrach numerycznych

FacetWP to potężne narzędzie, które zyskuje na popularności wśród właścicieli witryn, programistów i marketerów. Głównym celem FacetWP jest umożliwienie użytkownikom łatwego i szybkiego odnajdywania konkretnych treści poprzez zastosowanie filtrów, a jednym z jego najciekawszych elementów jest FacetWP Range List. W tym artykule przeanalizujemy wszystkie aspekty FacetWP Range List, kluczowe funkcje i ich zastosowanie w praktyce.

Co to jest FacetWP Range List?

FacetWP Range List to typ filtra, który pozwala użytkownikom na zawężenie wyników według niestandardowych zakresów liczbowych. Może to być użyteczne w przypadku filtrowania produktów według ceny, wagi, powierzchni czy innych wartości liczbowych. Dzięki możliwości zastosowania różnych typów interfejsu użytkownika, takich jak przyciski radiowe, pola wyboru, listy rozwijane czy facet typu fSelect, FacetWP Range List staje się bardzo elastycznym narzędziem do organizowania treści.

Opcje dostępne dla FacetWP Range List

FacetWP Range List oferuje szereg opcji, które można dostosować do indywidualnych potrzeb. Poniżej przedstawiamy najważniejsze z nich:

1. Źródło danych: Umożliwia określenie, gdzie przechowywane są wartości. Może to być taksonomia, niestandardowe pole lub atrybut posta. Kluczowym wymogiem jest to, że facet oczekuje wartości numerycznych.

2. Zakresy: Aby skonfigurować ten typ filtra, należy stworzyć zestaw zakresów z wartościami minimalnymi i maksymalnymi. Każdy zakres odpowiada jednej opcji filtra, co daje użytkownikom elastyczność w wyborze.

3. Typ UI: FacetWP Range List oferuje różne typy interfejsu użytkownika. Użytkownicy mogą wybrać odpowiednią formę wyświetlenia, co znacząco wpływa na doświadczenia użytkownika.

4. Domyślna etykieta: Umożliwia ustawienie tekstu dla opcji “Wszystkie”, co jest istotne dla typów UI “Radio”, “Dropdown” i “fSelect”. Etykieta ta jest również tłumaczalna.

5. Wielokrotny wybór: Dla typu UI “fSelect” można włączyć możliwość wielokrotnego wyboru, co umożliwia użytkownikom zaznaczenie wielu opcji jednocześnie.

6. Logika filtru: Umożliwia określenie logiki pomiędzy wyborem opcji w filtrze. Dostępne są różne sposoby, w jaki pozycje mogą być dobierane.

7. Pokazywanie duchów: Opcja pokazująca filtry, które nie przynoszą wyników, ale są widoczne na liście. Przydatne, gdy użytkownicy chcą zobaczyć dostępne opcje, nawet jeśli aktualnie nie ma z nimi powiązanych postów.

Tworzenie zakresów w FacetWP Range List

Aby skonfigurować FacetWP Range List, należy wprowadzić zakresy w ustawieniach. Każdy zakres tworzy osobną opcję w filtrze. Aby to zrobić:

1. Wprowadź wartości minimalne i maksymalne dla każdego zakupu. Na przykład, jeśli tworzysz filtr dla cen, możesz ustawić:
2. 0 – 50 zł
3. 51 – 100 zł

4. 101 – 200 zł, itp.

5. Jeśli pozostawisz wartość “Min” pustą, zostanie ona ustawiona automatycznie na maksymalną wartość poprzedniego wiersza, co daje możliwość tworzenia płynnych RANGE’ów.

6. Uwaga: wartości maksymalne są interpretowane jako “do i włącznie”, a wartości minimalne jako “od i włącznie”. Oznacza to, że post z wartością 100 zł będzie zaliczany do obu opcji.

7. Od wersji 0.9.1 dodano możliwość używania wartości dziesiętnych dla zakresów, co daje jeszcze większą elastyczność.

Przykład zastosowania FacetWP Range List

Aby lepiej zrozumieć, jak działa FacetWP Range List, przyjrzyjmy się praktycznemu przykładzie. Załóżmy, że prowadzimy sklep internetowy z odzieżą i chcemy umożliwić klientom filtrowanie produktów wg cen.

1. Tworzymy zakresy cenowe:
2. 0 – 50 zł
3. 51 – 100 zł
4. 101 – 200 zł

5. 201 – 500 zł

6. Z każdej opcji użytkownicy mogą łatwo wybrać interesujący ich przedział cenowy. Dzięki różnym typom UI, klienci mogą korzystać z najdogodniejszej dla siebie formy wyświetlania.

7. Opcja “Pokazuj duchy” może być włączona, aby użytkownik widział wszystkie opcje nawet wtedy, gdy nie są one aktualnie dostępne, co może zwiększyć ich zainteresowanie.

Jak zastosować niestandardowy CSS w FacetWP Range List

Istnieją sytuacje, w których użytkownicy mogą chcieć dostosować wygląd FacetWP Range List. W takim przypadku niestandardowe style CSS mogą być pomocne. Można je dodać manualnie w pliku style.css swojego motywu lub motywów podrzędnych.

Na przykład, aby ukryć liczniki w filtrze, gdy typ UI ustawiony jest na “Checkboxes” lub “Radio”, można dodać prosty kod CSS. Taki sposób dostosowywania pozwala na bardziej spójną i estetyczną prezentację filtrów na stronie.

Podsumowanie

FacetWP Range List jest niezwykle potężnym narzędziem, które może znacznie zwiększyć użyteczność i funkcjonalność każdej witryny internetowej. Daje użytkownikom możliwość szybkiego i efektywnego znajdowania treści, które ich interesują, a tym samym zwiększa szanse na konwersje. Dzięki dostosowanym opcjom, elastyczności UI oraz wsparciu dla różnych zakresów liczbowych, FacetWP Range List to kluczowy element w tworzeniu interaktywnych oraz przyjaznych użytkownikowi witryn. Umożliwia to także lepsze zarządzanie danymi oraz wprowadza porządek w bogato zróżnicowanej ofercie. Każdy właściciel witryny powinien rozważyć jego wdrożenie, aby polepszyć doświadczenie użytkowników oraz zwiększyć skuteczność swoich działań.