Wie man ein Schaufenster mit Produktfilter erstellt

1. Erstellen Sie ein Filterformular: einen Abschnitt mit dem Modul forms, der im Menü ausgeblendet werden kann. Der Feldname ist der Name der Produkteigenschaft: „Marke“, „Größe“, „Farbe“. Das Feld „Preis“ wird zu einem Bereich von/bis, „Kategorien“ zu Unterabschnitten, „Suche“ zu einer Suchzeile. „Aktionsbutton“ – „Anzeigen“; ein Button mit dem Wort „Zurücksetzen“ im Namen setzt den Filter zurück.
2. Erstellen Sie einen Schaufensterabschnitt: Klicken Sie im Feld „Modul“ auf „Auswählen“ → „Schaufenster mit Filter“.
3. Geben Sie im Fenster „Moduleinstellungen“ des Schaufensters „Abschnitte mit Produkten“ (leer – gesamte Website) und „Adresse des Formulars mit Filterfeldern“ an.
4. Wählen Sie für den Abschnitt „Vorschauvorlage für Objekte“ – damit werden die Karten gezeichnet.

Die Art des Filters wird durch den Feldtyp bestimmt: Dropdown-Liste, Checkboxen, Radiobuttons oder Buttons. Wenn das Feld eine eigene Werteliste hat, werden nur diese angezeigt, andernfalls alle Werte der Eigenschaft bei den Produkten. Reihenfolge, Beschriftungen und Gestaltung – wie in einem normalen Formular.

Dort in den Einstellungen: „Produkte pro Seite“, „Standardsortierung“, „Filter nur per Button anwenden“, „Sortierauswahl nicht anzeigen“, „Produktanzahl nicht anzeigen“.

Filter im Menü oder in einer Spalte. Der Informer „Filter“ platziert dasselbe Formular an beliebiger Stelle der Website. In seinen Einstellungen: „Adresse des Formulars mit Filterfeldern“, „Adresse des Schaufensters“ und das Kontrollkästchen „Nur auf Schaufenstersseiten anzeigen“.

Tags. Adressen der Form /tags/nike zeigen Produkte, bei denen der Wert der Eigenschaft dieses Tag ergibt. Welche Eigenschaften als Tags geeignet sind – „Tag-Eigenschaften für Adressen /tags/…“. Mit dem Kontrollkästchen „Ohne Tag in der Adresse – Tag-Cloud“ zeigt eine Schaufenstersseite ohne Tag eine Cloud.

Wenn es nicht geklappt hat

• Filterfeld ist leer. Der Feldname stimmt nicht mit dem Namen der Produkteigenschaft überein – überprüfen Sie die Buchstaben.
• Karten sind nackt. Es ist keine Vorschauvorlage für den Schaufensterabschnitt ausgewählt.