Dodawanie filtrów

Za pomocą aplikacji Shopify Search & Discovery możesz tworzyć filtry dla swojego sklepu online, które umożliwiają klientom zawężenie wyświetlania produktów na stronach kolekcji i w wynikach wyszukiwania. Na przykład sklep sprzedający zegarki może utworzyć filtry dotyczące nazwy marki, ceny, rozmiaru tarczy i wodoodporności.

Wymagania

Filtry są dostępne dla każdego szablonu Online Store 2.0 i niestandardowych witryn sklepu, które używają interfejsu API Liquid Filter lub API Storefront dla sklepu online. Dowiedz się, jak wyświetlać filtry w szablonie Online Store 2.0.

Jeśli Twój szablon nie obsługuje filtrów, możesz mimo to tworzyć filtry w aplikacji Shopify Search & Discovery, ale nie będą one wyświetlane klientom.

Możesz ustalić, czy szablon Twojego sklepu obsługuje filtrowanie, przechodząc do sekcji Sklep online > Nawigacja w panelu administracyjnym Shopify. Jeśli Twój szablon nie obsługuje filtrowania, wyświetlany jest komunikat w sekcji Filtry kolekcji i wyszukiwania.

Uwagi dotyczące dodawania filtrów

Zapoznaj się z poniższymi informacjami dotyczącymi korzystania z aplikacji Shopify Search & Discovery:

  • Dla kolekcji zawierających ponad 5000 produktów filtry nie są wyświetlane. Rozważ podzielenie dużych kolekcji na mniejsze kolekcje, dla których można wyświetlać filtry. Na przykład, zamiast tworzyć jedną kolekcję dla kobiet, możesz utworzyć mniejsze kolekcje obejmujące poszczególne kategorie odzieży, takie jak topy, jeansy i buty.
  • W przypadku wyszukiwania, które daje więcej niż 100 000 wyników, nie są wyświetlane filtry.
  • Filtr może wyświetlać maksymalnie 100 wartości w sklepie. Jeśli Twój filtr ma więcej niż 100 możliwych wartości, niektóre wartości nie będą wyświetlane klientom. Możesz zmniejszyć liczbę możliwych wartości filtrów, grupując podobne wartości. Grupa filtrów może mieć maksymalnie 50 unikalnych wartości, a Twój sklep może mieć maksymalnie 1000 grup filtrów we wszystkich wybranych ustawieniach filtra.
  • W aplikacji Shopify Search & Discovery filtr wyświetla maksymalnie 1000 wartości. Filtry metapól mogą wyświetlać mniej niż 1000 wartości, ponieważ obowiązuje ograniczenie liczby metapól w sklepie sprawdzanych pod kątem unikalnych wartości. Wartości filtrów, które nie są wyświetlane w aplikacji, mogą być nadal wyświetlane klientom w sklepie, pod warunkiem że filtr pokazuje mniej niż 100 wartości.
  • Tłumaczenia nie są obsługiwane dla wartości filtrów dostawców i tagów. Filtr tagów produktów wyświetla się tylko klientom dokonującym zakupów w domyślnym języku sklepu. Wartości filtrów dostawców są zawsze oparte na domyślnym języku sklepu.
  • Tłumaczenia wartości filtrów są oparte na językach opublikowanych dla Twojego sklepu online. Tłumaczenia dla rynków, które skonfigurowano za pomocą Shopify Markets, nie będą wyświetlane.
  • Filtr cen nie wyświetla się dla walut innych niż domyślna waluta sklepu.

Typy filtrów

Wszystkie sklepy mogą wyświetlać te same standardowe filtry i możesz tworzyć niestandardowe filtry unikalne dla swojego katalogu produktów. Możesz stosować kombinację standardowych i niestandardowych filtrów (maksymalna liczba filtrów dla sklepu to 25).

Każde źródło filtra może zostać użyte tylko raz dla filtrów sklepu. Na przykład, jeśli w Twoim sklepie aktywny jest filtr Cena, opcja Cena jest wyszarzona i nie można jej wybrać jako źródła dla nowego filtra.

Standardowe filtry

Standardowe filtry dotyczące dostępności, ceny, typu produktu, tagów i dostawcy są dostępne we wszystkich sklepach.

Filtry niestandardowe

Niestandardowe filtry można tworzyć za pomocą opcji produktu, metapól lub metaobiektów.

Filtry opcji produktu są oparte na wariantach produktu. Na przykład, jeśli sprzedajesz odzież z różnymi wariantami rozmiaru, możesz dodać filtr opcji produktu Rozmiar.

Niestandardowe filtry za pomocą metapól lub metaobiektów

Filtry metapól są przydatne do tworzenia filtrów unikalnych dla katalogu produktów. Na przykład, jeśli sprzedajesz zabawki dla dzieci, możesz utworzyć niestandardowy filtr metapola produktu Wiek. Metaobiekty mogą wyświetlać filtry wizualne ułatwiające klientom szybkie zapoznanie się ze specyfiką filtrów.

Korzystając z metapól lub metaobiektów, możesz tworzyć niestandardowe filtry dla następujących typów wartości:

  • Tekst z jedną linią
  • Tekst z jedną linią (lista)
  • Ułamek dziesiętny
  • Liczba całkowita
  • Prawda lub fałsz
  • Odniesienie do metaobiektu
  • Odniesienie do metaobiektu (lista)

Metapola muszą mieć definicję metapola, aby można je było użyć jako filtra. Dowiedz się, jak dodać definicję metapola.

Po skonfigurowaniu metapól możesz je wybrać jako opcje podczas edycji filtrów.

Edytuj filtry

  1. W aplikacji Shopify Search & Discovery przejdź do opcji Filtry, a następnie kliknij opcję Dodaj filtr.
  2. Kliknij pole Źródło, a następnie wybierz źródło filtra, które chcesz udostępnić swoim klientom.
  3. Opcjonalnie: Zmień nazwę filtra.
  4. Opcjonalnie: Zmień działanie filtra.
  5. Opcjonalnie: Wybierz wartości filtrów, aby pogrupować je jako pojedynczą wartość.
  6. Opcjonalnie: Sortuj wartości filtrów.
  7. Kliknij opcję Zapisz.

Możesz także zmienić kolejność filtrów w sekcji Filtry. Kliknij i przeciągnij poszczególne filtry do zamówienia, w którym klienci mają je zobaczyć.

Zmień nazwę filtrów

Możesz zmienić nazwę dowolnego filtra wyświetlaną w Twoim sklepie klientom.

Zmiana nazwy filtra nie spowoduje zmiany informacji o źródle filtra. Na przykład, zmiana nazwy filtra na podstawie opcji produktu nie spowoduje zmiany nazwy tej opcji wyświetlanej na poszczególnych stronach produktu.

Kroki:

  1. W aplikacji Shopify Search & Discovery przejdź do sekcji Filtry, a następnie kliknij filtr, którego nazwę chcesz zmienić.
  2. W polu Etykieta filtra wprowadź nową etykietę.
  3. Kliknij opcję Zapisz.

Wartości filtrów

W sklepie wyświetlają się tylko wartości filtrów, które mają zastosowanie do produktów w kolekcji lub wynikach wyszukiwania.

Dla wartości filtrów stosowane są różne reguły sortowania, a filtry metapól pozwalają dokładniej kontrolować sortowanie i wyświetlanie wartości.

Grupowanie wartości filtrów

Możesz pogrupować wiele wartości filtrów, tak aby wyświetlały się jako pojedyncza wartość filtra dla klientów. Załóżmy, że masz produkt z opcją Kolor obejmującą wartości Onyx, Ebony i Midnight. Możesz pogrupować te wartości w ramach jednego filtra o nazwie Czarny. Grupa filtrów może mieć maksymalnie 50 unikalnych wartości filtra, a sklep może mieć maksymalnie 1000 grup filtrów.

Kroki:

  1. W aplikacji Shopify Search & Discovery przejdź do sekcji Filtry, a następnie kliknij opcję Dodaj filtr lub kliknij nazwę istniejącego filtra.
  2. Opcjonalnie: Jeśli dodajesz nowy filtr, kliknij pole Źródło, a następnie wybierz źródło filtra, które chcesz udostępnić swoim klientom.
  3. W sekcji Wartości wybierz wartości, które chcesz pogrupować jako pojedynczą wartość filtra. Możesz użyć paska wyszukiwania, aby znaleźć więcej wartości filtrów.
  4. Kliknij opcję Utwórz grupę.
  5. Wprowadź nazwę grupy. To jest pojedyncza wartość filtra wyświetlana klientom.
  6. Kliknij Gotowe.
  7. Kliknij opcję Zapisz.

Sortowanie wartości filtrów

Możesz sortować wartości filtrów w sposób, który najlepiej odpowiada potrzebom Twojego sklepu. Oferujemy dwa rodzaje sortowania:

Sortowanie automatyczne

Wartości filtrów są wyświetlane domyślnie w kolejności rosnącej, zarówno alfabetycznie, jak i numerycznie. Na przykład filtr opcji produktu Rozmiary butów wyświetli wartości w kolejności od najmniejszej do największej.

Wartości filtrów, które zaczynają się od liczby i kończą na słowie, na przykład 60 watów, zostaną wyświetlone obok wartości filtrów, które kończą się tym samym słowem. Na przykład, filtr opcji produktu Wiek z wartościami 2 lata, 6 miesięcy, 3 lata i 2 miesiące zostanie posortowany w następującej kolejności:

  • 2 miesiące
  • 6 miesięcy
  • 2 lata
  • 3 lata

W przypadku filtrów o nazwie Rozmiar stosowana jest niestandardowa kolejność sortowania, dzięki czemu typowe terminy dotyczące rozmiaru są wyświetlane we właściwej kolejności. Na przykład XS (bardzo mały) występuje przed S (mały).

Nowe wartości filtrów zostaną posortowane automatycznie.

Sortowanie ręczne

Sortowanie ręczne umożliwia wybór kolejności wyświetlania wartości filtrów. Po zapisaniu ręcznej kolejności sortowania wszelkie nowe wartości filtrów są wyświetlane na końcu listy do czasu aktualizacji kolejności sortowania.

Kroki:

  1. W aplikacji Shopify Search & Discovery przejdź do opcji: Filtry i wybierz istniejący filtr lub utwórz nowy filtr.
  2. W sekcji Sortuj wybierz opcję Ręcznie.
  3. Przeciągnij wartości, aby zmienić układ. Alternatywnie możesz wybrać wiele wartości i kliknąć opcję Przenieś na górę lub Przenieś na dół, aby zmienić ich położenie.
  4. Opcjonalnie: Kliknij opcję Zmień kolejność dla mnie, aby sortować za pomocą Shopify Magic
  5. Kliknij opcję Zapisz.

Sortuj za pomocą narzędzia Shopify Magic

Możesz użyć narzędzia Shopify Magic, aby posortować wartości w porządku logicznym na podstawie nazwy filtra i jego wartości. Filtry wykorzystujące filtry próbek uwzględniają kody szesnastkowe i ich położenie na kole kolorów w celu określenia kolejności sortowania.

Przycisk Zmień kolejność dla mnie umożliwia posortowanie wartości za pomocą narzędzia Shopify Magic. Jeśli nowa kolejność nie spełnia Twoich oczekiwań, możesz kliknąć przycisk Cofnij zmianę kolejności, aby przywrócić ręcznie posortowaną kolejność lub zmienić układ wartości, aby lepiej odpowiadał wymaganiom Twojego sklepu.

Dostosuj puste wartości filtrów

Aby ułatwić klientom znalezienie dostępnych produktów, można przenieść puste wartości filtrów na dół listy lub całkowicie je ukryć. Pozwala to klientom skupić się na wartościach z pasującymi wynikami. Załóżmy, że sprzedajesz koszulki w różnych kolorach i rozmiarach i dostępny jest już tylko kolor czerwony. Jeśli przeniesiesz puste wartości na dół, kolor czerwony pojawi się jako pierwszy w filtrze kolorów. Jeśli ukryjesz puste wartości, w filtrze kolorów wyświetlać się będzie tylko opcja czerwony.

Kroki:

  1. W aplikacji Shopify Search & Discovery przejdź do opcji Ustawienia.
  2. W sekcji Filtry > Puste wartości wybierz jedną z następujących opcji:

    • Aby ukryć puste wartości filtrów, wybierz opcję Ukryj. Filtr jest całkowicie ukryty, jeśli wszystkie wartości filtra są puste.
    • Aby przenieść puste wartości filtrów na dół listy wartości, wybierz opcję Pokaż na końcu.
    • Aby puste wartości filtrów były sortowane według domyślnej logiki sortowania, wybierz opcję Pokaż w domyślnej kolejności.
  3. Kliknij opcję Zapisz.

Wykluczanie wartości filtrów

Jeśli potrzebujesz większej kontroli nad wartościami wyświetlanymi klientom, możesz użyć filtra Metapole zawierającego tylko wartości, które mają być wyświetlane w Twoim sklepie.

Jeśli na przykład chcesz używać tagów produktów w inny sposób niż jako filtry witryny sklepu, np. jako warunki automatycznych kolekcji lub do filtrowania listy produktów w panelu administracyjnym. Zamiast typu filtra tagu produktu można użyć typu metapola z jedną linią lub typu listy.

Filtry wizualne

Wartości filtrów mogą zawierać elementy wizualne, takie jak kolory, wzorce lub bardziej szczegółowe obrazy. Na przykład filtr Kolor tkaniny umożliwia wyświetlenie małej próbki koloru dla każdej wartości filtra.

Aby utworzyć elementy wizualne z wartościami filtrowania, skonfiguruj niestandardowe dane dla swojego sklepu z metapolami i metaobiektami. Musisz również spełniać następujące wymagania:

  • Szablon sklepu online obsługujący wyświetlanie próbek i obrazów z wartością filtra.
  • Metaobiekt, który spełnia następujące kryteria:

    • Co najmniej jedno pole koloru lub jedno pole pliku z obrazami. Oba pola mogą obsługiwać tylko jedną wartość, listy wartości nie są obsługiwane.
    • Pole służące do nazwania wartości filtra. Pole może przyjmować tylko jedną wartość. Lista wartości nie może być używana jako nazwa filtra. Pole może mieć dowolny z następujących typów:
    • tekst z jedną linią
    • miejsce dziesiętne
    • integer
    • wartość logiczna (prawda lub fałsz)
  • Definicja metapola, która spełnia następujące kryteria:

    • Definicja obejmuje produkt lub wariant.
    • Typ metapola to Metaobiekt i odwołuje się do definicji metaobiektu utworzonej w poprzednim kroku.
    • Określ, czy metapola przyjmują jeden wpis czy listę wpisów metaobiektu.
  • Zarówno definicje metaobiektu, jak i metapola muszą mieć aktywowany dostęp do witryny sklepu.

Najlepsze praktyki dotyczące filtrów wizualnych

Filtry wariantów produktu połączą się z bardziej odpowiednimi wariantami w wynikach wyszukiwania i na stronach kolekcji. Na przykład, wyświetlanie tylko czerwonych produktów po kliknięciu próbki koloru czerwonego. Użyj metapól wariantu dla odwołania do metaobiektu, aby użyć filtrowania na poziomie wariantu. Jeśli łączenie z konkretnymi wariantami nie jest ważne dla filtra, użyj metapól produktu.

Definicja metaobiektu próbki kolorów powinna mieć zarówno kolor, jak i pole obrazu. Nie musisz podawać wartości dla obu tych pól, ale da Ci to możliwość użycia jednego z pól w przyszłości.

Jeśli Twoje produkty lub warianty mają wiele kolorów, według których można filtrować, ustaw definicję metapola, tak aby dopuszczała listę wpisów. Pozwala to przypisać wiele wpisów metaobiektu do jednej pozycji, a każdy z nich będzie wyświetlany jako wartość filtra w sklepie.

Kroki:

Po przypisaniu metapola do produktów lub wariantów w sklepie możesz skonfigurować filtr dla swojego sklepu online:

  1. W aplikacji Shopify Search & Discovery przejdź do opcji Filtry.
  2. Kliknij opcję Dodaj filtr lub kliknij istniejący filtr.
  3. Kliknij pole Źródło, a następnie wybierz filtr metapola z odwołaniem do metaobiektu.
  4. Kliknij Opcje wyświetlania.
  5. Ustaw pole Etykieta dla wartości filtrów, wybierając metapole.
  6. Zaznacz opcję Wraz z elementami wizualnymi i wybierz styl wizualny:
    • Wybierz próbkę małych próbek kolorów lub wzorów. Ustaw zawartość próbki, wybierając:
      • Pole koloru dla Koloru próbki.
      • Pole obrazu dla Wzorca próbki.

- Wybierz obraz dla ikon, logo lub innych grafik, które nie powinny być przycinane. Ustaw zawartość, wybierając pole obrazu dla obrazu.

Zachowanie filtrowania

Wyświetlane są tylko filtry, które mogą mieć zastosowanie do produktów na stronie kolekcji lub w wyniku wyszukiwania.

Wartości filtrów wybrane z różnych filtrów są połączone warunkiem oraz, co może zmniejszyć liczbę wyświetlanych produktów. Na przykład, jeśli wybierzesz czerwony z filtra kolorów i 8 z filtra rozmiarów, wyświetlą się czerwone produkty w rozmiarze 8.

Domyślnie wartości filtra wybrane z tego samego filtra są połączone warunkiem lub, co może zwiększyć liczbę wyników. Na przykład, jeśli wybierzesz wartości czerwony i zielony z filtra kolorów, wyświetlą się wszystkie produkty czerwone lub zielone. Niektóre typy filtrów mogą zamiast tego używać warunku oraz dla wartości filtrów. Dowiedz się, jak dostosować działanie filtrów za pomocą aplikacji Shopify Search & Discovery.

Liczba wyświetlanych produktów zależy również od tego, czy filtry są filtrami na poziomie produktu, czy wariantu. Na przykład klient może wybrać wiele wartości kolorów z filtra opcji produktu, ale wyświetlany jest tylko jeden produkt. Wynika to z tego, że opcje produktu są filtrami na poziomie wariantu i wszystkie kolory należą do wariantów tego konkretnego produktu.

Dostosowywanie zachowania filtra

W przypadku filtrów: tag produktu, lista metapól i lista odniesień do metaobiektu jako domyślny warunek łączący wartości możesz wybrać albo warunek lub, albo warunek oraz. Na przykład, jeśli zastosujesz filtr z warunkiem oraz i wybierzesz opcję Nowe i Wyprzedaż z filtra tagów produktu, wyświetlone zostaną tylko produkty, które mają oba te tagi.

Kroki:

  1. W aplikacji Shopify Search & Discovery przejdź do opcji Filtry, a następnie kliknij opcję Dodaj filtr.
  2. Kliknij pole Źródło, a następnie wybierz źródło filtra, które chcesz udostępnić swoim klientom.
  3. Wybierz zachowanie, które ma być stosowane do wartości filtra w sekcji Logika.
  4. Kliknij opcję Zapisz.

Tłumaczenia filtrów

Etykiety, wartości i grupy filtrów można tłumaczyć na inne obsługiwane języki sklepu. Możesz tłumaczyć treści za pomocą aplikacji do tłumaczenia, takiej jak Shopify Translate & Adapt.

Gdy treści filtrów nie są przetłumaczone, używany jest domyślny język sklepu.

Wartości filtrów są oparte na przetłumaczonych treściach produktów i wariantów produktów.

Można mieć inną liczbę wartości dla filtra w zależności od języka. Załóżmy, że domyślnym językiem Twojego sklepu jest angielski, i chcesz dodać również francuski jako obsługiwany język. Wartości filtra kolorów obejmują wartość Brown. W języku angielskim istnieje jedno często używane słowo dla koloru brązowego, a we francuskim używa się dwóch słów. Twoja aplikacja do tłumaczenia automatycznie tłumaczy wartość filtra brown na brun lub marron dla produktów w sklepie. Filtry witryny sklepu będą wyświetlać jedną wartość dla koloru brązowego w filtrze kolorów w języku angielskim i dwie wartości dla koloru brązowego w języku francuskim.

Aby zachować tylko jedno tłumaczenie dla każdej wartości filtra, musisz edytować przetłumaczoną treść produktu za pomocą aplikacji do tłumaczenia.

Języki rynku

Tłumaczenia wartości filtrów nie obsługują dodatkowych wystąpień konfiguracji językowej dla określonych rynków. Na przykład sklep online może mieć tłumaczenia produktów na język francuski i dwa dodatkowe tłumaczenia na francuski na rynek kanadyjski i francuski. W tym przypadku wszystkie wartości filtrów są oparte na ogólnym języku francuskim, nawet jeśli klienci robią zakupy w języku francuskim na takich rynkach.

Etykiety filtrów i grupy filtrów obsługują tłumaczenia dla określonych rynków.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo