Filterformulare
Ein Filterformular ist ein kurzes Formular „Produkte finden“: Der Kunde wählt ein Fahrzeug, eine Größe oder einen Preis und drückt die Schaltfläche, und der Shop öffnet ein Kategorielisting mit dieser bereits angewandten Auswahl. Ein typisches Beispiel ist „Teile für Ihr Auto finden“ auf der Startseite.
Die Formulare werden unter Filter → Filtersets → Filterformulare verwaltet. Die Liste zeigt für jedes Formular Name, Status (Entwurf, veröffentlichte Version, nicht veröffentlichte Änderungen), Inhalt (Reiter und Felder), die Kanäle, deren Kopfzeile es öffnet (In der Kopfzeile von), und wann es Geändert wurde. Das Menü einer Zeile enthält Im Editor öffnen, Duplizieren, In der Kopfzeile zeigen… und Löschen.
Neues Formular fragt nach einem Namen, der nur für die Administration ist, und öffnet das Formular im Editor mit einem Reiter.
Der Formular-Editor
Abschnitt betitelt „Der Formular-Editor“Der Editor zeigt die Einstellungen des Formulars in einer Spalte und zeichnet das Formular auf einer Bühne so, wie der Shop es zeichnen wird. Die Bühne verwendet Skin und Texte eines Verkaufskanals, gewählt mit dem Shop-Symbol über der Bühne. Die Bühne listet auch Probleme. Zum Beispiel nennt sie ein Feld, dessen Filter im Set des Ziels fehlt: Die Auswahl dieses Felds grenzt das Listing nicht ein.
Formular
Abschnitt betitelt „Formular“| Einstellung | Wirkung |
|---|---|
| Titel | Steht über den Reitern. Auch die Schaltfläche der Kopfzeile und ihr Fenster tragen ihn. |
| Symbol in der Kopfzeile | Das Symbol der Schaltfläche in der Kopfzeile, die das Formular öffnet. Leer: das Symbol der Filter. |
| Schaltfläche | Der Text der Absenden-Schaltfläche. Leer: Die Schaltfläche zählt die Produkte, die die Auswahl übrig lässt („128 Artikel anzeigen“). |
| Link zu allen Filtern | Ein Link neben der Schaltfläche zum Listing des Ziels mit der Auswahl, wo jeder Filter seines Sets steht. Standardmäßig an. |
| Linktext | Der Text des Links. Leer: „Weitere Filter“. |
| Zielkategorie | Das Listing, zu dem das Formular den Kunden schickt. Leer: die Hauptkategorie des Kanals. Die Filter des Sets des Ziels sind es, die die Felder des Formulars eingrenzen. |
| Spalten | Wie viele Felder in einer Reihe stehen, je Gerät: 4 auf einem Desktop, 2 auf einem Tablet und 1 auf einem Smartphone, sofern nicht gesetzt, von 1 bis 6. |
Reiter und Felder
Abschnitt betitelt „Reiter und Felder“Mit mehr als einem Reiter zeigt das Formular die Reiter über seinen Feldern, jeder Reiter mit eigenen Feldern (Autos, Motorräder, Reifen). Ein Formular mit einem Reiter zeigt keine Reiter. Ein Formular hat höchstens 8 Reiter und ein Reiter höchstens 16 Felder.
| Einstellung des Reiters | Wirkung |
|---|---|
| Name | Der Name des Reiters. Leer: „Reiter 1“, „Reiter 2“ und so weiter. |
| Symbol | Erscheint vor dem Namen. |
| Bild | Erscheint anstelle des Symbols vor dem Namen. |
| Zielkategorie | Wohin dieser Reiter führt, anstelle des Ziels des Formulars. |
Felder hinzufügen fügt Filter aus den Quellen hinzu, dieselbe Liste, die der Set-Editor anbietet. Ein zusammengesetzter Filter und die Suche in Ergebnissen können keine Felder sein. Eine Quelle, die der Reiter schon hat, wird ausgelassen.
| Einstellung des Felds | Wirkung |
|---|---|
| Beschriftung | Die Beschriftung des Felds. Leer: der Name der Gruppe, wie das Panel ihn zeigt. |
| Leere Auswahl | Der Text einer Liste, in der nichts gewählt ist. Leer: „Beliebig“. |
| Steuerelement | Automatisch zeichnet das Feld so, wie die Art seiner Quelle es nahelegt: einen Bereich als seine Bereiche, ein Ja/Nein als Schalter, die übrigen als Liste. Liste zeigt eine Liste der Werte. Bereiche listet die Bereiche der Quelle, beide Enden. Ab bietet nur das untere Ende an („ab 2015“), Bis nur das obere Ende („bis 200 €“). Schalter zeigt ein Kästchen, an oder aus. Es werden nur die Steuerelemente angeboten, die zur Quelle passen. |
| Mehrere Werte | Aus: Das Feld nimmt einen Wert, wie die meisten Suchformulare. Standardmäßig aus. |
| Breite | Wie viele Spalten der Reihe das Feld einnimmt, je Gerät. Ein Kompatibilitätsfeld nimmt eine Spalte je Ebene. |
Ein Kompatibilitätskatalog in einem Formular arbeitet wie im Panel: Seine Ebenen folgen aufeinander, und die nächste öffnet sich, sobald die vorige eine Auswahl hat. Eine Ebene mit einer Option nimmt sie sofort.
Aussehen
Abschnitt betitelt „Aussehen“Der Reiter Aussehen ändert die Formularelemente des Skins nur für dieses Formular: das Formular, seine Reiter, Beschriftungen, Felder, die Schaltfläche und den Link. Alles, was hier nicht gesetzt ist, kommt aus Der Skin des Kanals. Siehe Skins.
Entwürfe und Veröffentlichen
Abschnitt betitelt „Entwürfe und Veröffentlichen“Jede Änderung geht in den Entwurf. Entwurf speichern behält ihn, Veröffentlichen bringt ihn als neue Version in den Shop, und Entwurf verwerfen kehrt zur veröffentlichten Version zurück. Der Shop zeigt nur die veröffentlichte Version: Ein Formular, das nie veröffentlicht wurde, zeigt nirgends etwas.
Das Formular zeigen
Abschnitt betitelt „Das Formular zeigen“In einer Seite: das Element Filterformular
Abschnitt betitelt „In einer Seite: das Element Filterformular“In den Einkaufswelten enthält der Block Filterformular (unter den Commerce-Blöcken) das Element Filterformular. Seine Einstellung Formular wählt das Formular, und Formular bearbeiten öffnet es im Editor. Das Element zeigt nichts, wo das Formular gelöscht oder noch nicht veröffentlicht ist.
In der Kopfzeile
Abschnitt betitelt „In der Kopfzeile“In der Kopfzeile zeigen… in der Liste der Formulare wählt die Verkaufskanäle, deren Kopfzeile das Formular öffnet. Ein Kanal zeigt dort ein Formular: Ein Formular für einen Kanal zu wählen ersetzt das, das er hatte.
Die Kopfzeile hat dann eine Schaltfläche unter ihren Aktionen, neben der Suche. Sie zeigt das Symbol in der Kopfzeile des Formulars (leer: das Symbol der Filter), und ihr Titel ist der Titel des Formulars (leer: „Wählen Sie, wofür die Produkte passen sollen“). Ein Druck darauf öffnet das Formular in einem Fenster. Das Formular lädt beim ersten Druck, sodass die Seite selbst es nicht mitträgt. Escape, die Schließen-Schaltfläche und ein Klick neben das Fenster schließen es.
Die Schaltfläche erscheint nur für ein veröffentlichtes Formular und nur in einem Kanal, in dem P2Lab Filter eingeschaltet ist.
Anderswo
Abschnitt betitelt „Anderswo“Ein Theme, das seine eigene Kopfzeile zeichnet, kann dieselbe Schaltfläche der Kopfzeile selbst platzieren. Über das Element und die Kopfzeile hinaus hat das Formular keine eigenen Platzierungen.
Im Shop
Abschnitt betitelt „Im Shop“- Nach jeder Wahl werden die Listen der übrigen Felder unter der bisherigen Auswahl neu gezählt, sodass jede Liste nur die Werte behält, die im Listing des Ziels noch Produkte haben.
- Die Schaltfläche zählt die Produkte, die die Auswahl übrig lässt („128 Artikel anzeigen“, „Keine Treffer“). Während sie zählt, sagt sie „Zählt …“. Ein Formular mit eigenem Text unter Schaltfläche behält diesen Text.
- Die Schaltfläche und der Link „Weitere Filter“ öffnen beide das Listing des Ziels mit der Auswahl. Das Formular funktioniert auch ohne die Skripte des Shops.
- Jeder Reiter schickt den Kunden zu seinem eigenen Ziel.
Die gemerkte Auswahl
Abschnitt betitelt „Die gemerkte Auswahl“Ein Kompatibilitätsfeld übernimmt die Auswahl, die sich der Shop merkt, wenn seine eigenen Ebenen noch leer sind, sodass ein Kunde, der früher ein Fahrzeug gewählt hat, es im Formular wiederfindet. Die übrigen Felder und die Anzahl der Schaltfläche folgen dieser Auswahl sofort.
Wo eine gemerkte Auswahl zurückkommen kann, warten die Ebenen als Platzhalter, und die Schaltfläche sagt „Zählt …“, bis die Auswahl ankommt, bis zu 4 Sekunden lang. Eine im Cookie gehaltene Auswahl kommt sofort an. Eine nur in der Sitzung gehaltene kommt einen Moment später. Das Cookie wird erst nach Zustimmung zum Komfort-Cookie Merken, wofür meine Produkte passen sollen gesetzt, außer Filter → System → Storefront-Filter → Kompatibilitätsauswahl ohne Einwilligung merken ist eingeschaltet. Siehe Kompatibilität im Shop.