So verwenden Sie Filter in OpenCart

Versuchen wir zunächst, das Konzept der Filter in OpenCart zu verstehen. In einem herkömmlichen Store-Frontend finden Sie wahrscheinlich die Funktion "Erweiterte Suche", mit der Benutzer Produkte nach ihren Vorlieben filtern können. Manchmal möchten Sie jedoch verschiedene Arten von Produkten zusammenfassen, obwohl sie zu verschiedenen Kategorien gehören. Oder Sie möchten bestimmte Produkte mit einem Tag versehen, damit sie leichter im Frontend zu finden sind.

Um es klarer zu verstehen, nehmen wir ein reales Beispiel. Nehmen wir an, Sie haben eine Unterkategorie "Monitore" unter der Hauptkategorie "Komponenten". Und Sie möchten die Monitore weiter nach "LED", "LCD" und "CRT" kategorisieren. 

Die erste Option, die Ihnen in den Sinn kommt, ist das Erstellen einer weiteren Kategorieebene unter "Monitore". Anstatt eine andere Kategorieebene zu erstellen, die die Dinge etwas komplexer machen könnte, können Sie Filter in OpenCart verwenden.

Der Vorteil der Verwendung von Filtern im obigen Szenario besteht darin, dass bei Aktivierung des "Filter" -Moduls ein schöner Block im Frontend bereitgestellt wird, mit dem Benutzer die relevanten Produkte ihrer Wahl verfeinern können.

Lasst uns weitergehen und das einrichten.

Erstellen Sie die neue Filtergruppe und die neuen Filter

Gehen Sie zum Admin-Bereich von OpenCart und gehen Sie zu Katalog> Filter. Klicke auf das Einfügen Schaltfläche zum Öffnen des Bildschirms, mit dem wir eine neue Filtergruppe und neue Filter erstellen können. Name der Filtergruppe ist der Titel, der zur Unterscheidung der Filter verwendet wird, wenn mehr als ein Satz Filter zur Anzeige verfügbar ist. Füllen Sie einfach die Details wie unten gezeigt aus.

Wie Sie sehen, haben wir eine Filtergruppe "Monitortypen" erstellt und die Filterwerte sind "LED", "LCD" und "CRT". Klicke auf das sparen Schaltfläche, um die Änderungen zu übernehmen.

Ordnen Sie die Filter Kategorien und Produkten zu

Jetzt haben wir die Filtergruppe und die zugehörigen Filter eingerichtet. Außerdem müssen wir die Filter der jeweiligen Kategorie und den entsprechenden Produkten zuordnen.

Weisen Sie Filter einer Kategorie zu

Lassen Sie uns zunächst einer verwandten Kategorie Filter zuweisen. Ich gehe davon aus, dass Sie die Standardkategorien und Produktdaten verwenden, die mit der OpenCart-Standardinstallation geliefert werden.

Fahren wir mit unserem vorherigen Beispiel fort und bearbeiten Sie die Monitore Kategorie. Gehe zu Katalog> Kategorien und bearbeiten Sie die Monitore Unterkategorie unter der Komponenten Hauptkategorie. Klicke auf das Daten Registerkarte, die verschiedene Felder anzeigt, darunter Filter.

Filter ist ein Feld für die automatische Vervollständigung. So können Sie die Werte auswählen, indem Sie nur ein paar Buchstaben eingeben. In unserem Beispiel möchten Sie als Filterwerte "LED", "LCD" und "CRT" auswählen. Klicke auf das sparen Schaltfläche, um die Änderungen anzuwenden.

Dadurch wird sichergestellt, dass bei Anzeige des Blocks "Filter" auf der Kategorieseite "Monitore" im Frontend alle drei Optionen angezeigt werden, die wir im Feld "Filter" unter den Daten ausgewählt habenTab.

Weisen Sie Filter Produkten zu

Jetzt müssen wir jedem Produkt Filter zuweisen, die nach unseren Kriterien für "Monitortypen" gefiltert werden sollen. Natürlich möchten wir die Produkte in der Kategorie "Monitore" bearbeiten, da wir die Filter für diese Kategorie im vorherigen Abschnitt eingerichtet haben.

Gehe zu Katalog> Produkte und bearbeiten Sie das Produkt "Samsung SyncMaster 941BW". Unter dem Links Tab sehen Sie die Filter Feld. Wählen wir "LED" und speichern Sie das Produkt.

Gehen Sie genauso vor und weisen Sie dem anderen Produkt "Apple Cinema 30" "LCD" zu. Jetzt haben wir zwei verschiedene Produkte, denen zwei unterschiedliche Filterwerte zugewiesen sind. Bei Bedarf können Sie demselben Produkt auch mehrere Filter zuweisen. Aber in unserem Fall halten wir es einfach.

Aktivieren Sie das Filtermodul

Wir sind fast fertig mit dem Setup! Das einzige, was bleibt, ist, das Filtermodul zu aktivieren und es dem entsprechenden Layout im Frontend zuzuordnen. Gehe zu Erweiterungen> Module und installiere das Filter Modul.

Nach der Installation des Filter Klicken Sie auf das Modul Bearbeiten Link zum Öffnen der Modulkonfigurationsseite. Klicke auf das Modul hinzufügen Schaltfläche, um eine neue Zeile hinzuzufügen, und wählen Sie die unten gezeigten Optionen aus.

In unserem Beispiel macht es nur Sinn, wenn wir unser Modul im Layout "Kategorie" anzeigen. Dadurch wird sichergestellt, dass der "Filter" -Block beim Filtern der Produkte nach Kategorie hilfreich ist, um die Produkte weiter herauszufiltern. Also haben wir ausgewählt Kategorie in dem Layout Drop-Down, und wir zeigen es in der Spalte links Position. Klicke auf sparen die Änderungen anwenden.

Testen des Front-End

Endlich ist es an der Zeit, die Dinge im Vorfeld zu sehen. Gehen Sie zum vorderen Ende und wählen Sie Komponenten> Monitore (2) um die Produkte aufzulisten, die in der Kategorie "Monitore" verfügbar sind. Sie sollten das sehen Suche einschränken Block auf der linken Seitenleiste. Ziemlich cool, oder??

Wie Sie sehen, ist dies ein wirklich gut aussehender Block, der die verschiedenen Filteroptionen und die Gesamtzahl der in jedem Filter verfügbaren Produkte zeigt. Einfach auswählen LED und klicken Sie auf Suche einschränken um die gefilterte Produktliste anzuzeigen.

Wenn Sie mit "Facettensuche" vertraut sind, wird die Benutzeroberfläche angezeigt ähnlich dazu Auf die gleiche Weise können Sie weitere Filtergruppen und Filter einrichten, um eine reichhaltige Schnittstelle für die Feinabstimmung in Ihrem Fron-T-End-Store anzuzeigen!

Fazit

In diesem Artikel haben wir eine der aufregenden Funktionen von OpenCart, die sogenannten Filter, untersucht. Ich hoffe, es hat Ihnen gefallen und Sie haben etwas Nützliches über OpenCart gelernt. Ich würde mich sehr über Ihre Kommentare und Fragen im Feed freuen!