Przejdź do głównej zawartości

Formularze filtrów

Formularz filtrów to krótki formularz „znajdź produkty”: kupujący wybiera pojazd, rozmiar albo cenę i naciska przycisk, a sklep otwiera listę produktów kategorii z tym wyborem już zastosowanym. Typowy przykład to „Znajdź części do swojego samochodu” na stronie głównej.

Formularzami zarządza się w Filters → Filter sets → Filter forms. Lista pokazuje dla każdego formularza Name, State (wersja robocza, wersja opublikowana, nieopublikowane zmiany), Content (karty i pola), kanały, których nagłówek go otwiera (In the header of), oraz kiedy został zmieniony (Changed). Menu wiersza zawiera Open in the editor, Duplicate, Show in the header… i Delete.

New form pyta o nazwę, która jest tylko dla administracji, i otwiera formularz w edytorze z jedną kartą.

Edytor pokazuje ustawienia formularza w kolumnie i rysuje formularz na scenie tak, jak narysuje go sklep. Scena używa skórki i tekstów kanału sprzedaży wybranego ikoną sklepu nad sceną. Scena wymienia też problemy. Wskazuje na przykład pole, którego filtra brakuje w zestawie celu: wybór w tym polu nie zawęża listy produktów.

UstawienieSkutek
TitleStoi nad kartami. Od niego nazywa się też przycisk w nagłówku i jego okno.
Header iconIkona przycisku w nagłówku, który otwiera formularz. Puste: ikona filtrów.
ButtonTekst przycisku wysyłania. Puste: przycisk liczy produkty, które zostawia wybór („Show 128 products”).
Link to all filtersLink obok przycisku do listy produktów celu z wyborem, gdzie stoi każdy filtr jej zestawu. Domyślnie włączony.
Link textTekst linku. Puste: „More filters”.
Target categoryLista produktów, do której formularz wysyła kupującego. Puste: kategoria główna kanału. Pola formularza zawężają filtry zestawu celu.
ColumnsIle pól stoi w rzędzie, dla każdego urządzenia: 4 na komputerze, 2 na tablecie i 1 na telefonie, jeśli nie ustawiono, od 1 do 6.

Przy więcej niż jednej karcie formularz pokazuje karty nad swoimi polami, każda karta z własnymi polami (samochody, motocykle, opony). Formularz z jedną kartą nie pokazuje kart. Formularz ma najwyżej 8 kart, a karta najwyżej 16 pól.

Ustawienie kartySkutek
NameNazwa karty. Puste: „Tab 1”, „Tab 2” i tak dalej.
IconPokazywana przed nazwą.
ImagePokazywany przed nazwą zamiast ikony.
Target categoryDokąd prowadzi ta karta, zamiast celu formularza.

Add fields dodaje filtry ze źródeł, z tej samej listy, którą oferuje kreator zestawu. Filtr złożony i wyszukiwanie w wynikach nie mogą być polami. Źródło, które karta już ma, jest pomijane.

Ustawienie polaSkutek
LabelEtykieta pola. Puste: nazwa grupy taka, jak pokazuje ją panel.
Empty choiceTekst listy bez wyboru. Puste: „Any”.
ControlAuto rysuje pole tak, jak podpowiada rodzaj jego źródła: zakres jako jego zakresy, tak/nie jako przełącznik, pozostałe jako listę. List pokazuje jedną listę wartości. Ranges wymienia zakresy źródła, z oboma końcami. From oferuje tylko dolny koniec („from 2015”), Up to tylko górny („up to 200 €”). Switch pokazuje jedno pole, włączone albo wyłączone. Oferowane są tylko elementy, które pasują do źródła.
Several valuesWyłączone: pole przyjmuje jedną wartość, jak w większości formularzy wyszukiwania. Domyślnie wyłączone.
WidthIle kolumn rzędu zajmuje pole, dla każdego urządzenia. Pole dopasowania zajmuje jedną kolumnę na poziom.

Katalog dopasowań w formularzu działa jak w panelu: jego poziomy następują po sobie, a następny otwiera się, gdy poprzedni ma wybór. Poziom z jedną opcją od razu ją przyjmuje.

Karta Look zmienia elementy formularza w skórce tylko dla tego formularza: formularz, jego karty, etykiety, pola, przycisk i link. Wszystko, czego tu nie ustawiono, pochodzi z The channel’s skin. Zobacz Skórki.

Każda zmiana trafia do wersji roboczej. Save draft ją zachowuje, Publish wprowadza ją do sklepu jako nową wersję, a Discard draft wraca do wersji opublikowanej. Sklep pokazuje tylko wersję opublikowaną: formularz, który nigdy nie został opublikowany, nie pokazuje się nigdzie.

W Shopping Experiences blok Filter form (wśród bloków handlowych) zawiera element Filter form. Jego ustawienie Form wybiera formularz, a Edit the form otwiera go w edytorze. Element nie pokazuje niczego, gdy formularz został usunięty albo nie jest jeszcze opublikowany.

Show in the header… na liście formularzy wybiera kanały sprzedaży, których nagłówek otwiera formularz. Kanał pokazuje tam jeden formularz: wybranie formularza dla kanału zastępuje ten, który miał.

Nagłówek ma wtedy przycisk wśród swoich działań, obok wyszukiwania. Pokazuje on Header icon formularza (puste: ikona filtrów), a jego tytułem jest Title formularza (puste: „Choose what the products should fit”). Naciśnięcie go otwiera formularz w oknie. Formularz ładuje się przy pierwszym naciśnięciu, więc sama strona go nie niesie. Okno zamyka Escape, przycisk zamknięcia i kliknięcie obok okna.

Przycisk pokazuje się tylko dla opublikowanego formularza i tylko w kanale, w którym P2Lab Filter jest włączony.

Motyw, który rysuje własny nagłówek, może sam umieścić ten sam przycisk nagłówka. Poza elementem i nagłówkiem formularz nie ma własnych miejsc.

  • Po każdym wyborze listy pozostałych pól są liczone ponownie przy dotychczasowym wyborze, więc każda lista zachowuje tylko wartości, które nadal mają produkty na liście produktów celu.
  • Przycisk liczy produkty, które zostawia wybór („Show 128 products”, „No products – change the filters”). Podczas liczenia mówi „Counting…”. Formularz z własnym tekstem Button zachowuje ten tekst.
  • Przycisk i link „More filters” otwierają listę produktów celu z wyborem. Formularz działa też bez skryptów sklepu.
  • Każda karta wysyła kupującego do własnego celu.

Pole dopasowania przyjmuje wybór zapamiętany przez sklep, gdy jego własne poziomy są jeszcze puste, więc kupujący, który wcześniej wybrał pojazd, znajdzie go w formularzu. Pozostałe pola i liczba na przycisku od razu podążają za tym wyborem.

Tam, gdzie zapamiętany wybór może wrócić, poziomy czekają jako zaślepki, a przycisk mówi „Counting…”, aż wybór dotrze, najwyżej 4 sekundy. Wybór zapisany w ciasteczku dociera od razu. Wybór zapisany tylko w sesji dociera chwilę później. Ciasteczko jest ustawiane dopiero po zgodzie na ciasteczko wygody Remember what my products should fit, chyba że włączone jest Filters → System → Storefront filter → Remember the compatibility choice without asking for consent. Zobacz Dopasowanie w sklepie.