So erstellen Sie einen Produktkatalog in WordPress

Sie sind sich nicht sicher, wie Sie am besten einen Produktkatalog in WordPress erstellen? Veröffentlichen Sie Ihren Katalog und sind sich nicht sicher, wie Sie es ohne Codierung besser machen können?

Viele Anfänger-Entwickler sind verwirrt, wenn sie einen Produkttabellenkatalog oder eine Preisliste veröffentlichen müssen: Das HTML-Markup ist verwirrend; Einige von ihnen können das Markup erstellen, sind aber mit dem Aussehen nicht zufrieden oder hätten gerne eine sortierbare Lösung, die die Daten in Seiten aufteilen könnte und nicht zu schwer zu aktualisieren wäre. In der Tat: Das Aktualisieren der HTML-Tabelle jedes Mal, wenn sich der Produktpreis ändert, oder wenn Sie ein neues Produkt hinzufügen oder wenn sich die Menge ändert, ist frustrierend.

Dieser Artikel führt Sie durch den Prozess der Erstellung eines Produktkatalogs in WordPress mit dem wpDataTables-Plugin, was wahrscheinlich der einfachste Weg ist.

Bereiten Sie zuerst die Daten für Ihren zukünftigen Produktkatalog in WordPress vor

Natürlich würde kein Katalog Sinn machen, ohne einige Produkte darin zu haben. Ich nehme an, Sie haben die Daten bereits vorbereitet, jetzt müssten Sie sie in einer Form zusammenstellen, die unser WordPress-Plugin „verstehen” würde. Dies kann eine der folgenden sein:

• Excel- oder CSV-Datei: Wenn Sie kein Entwickler sind und Ihre Produkte in Excel verwalten, ist dieser Weg wahrscheinlich der einfachste für Sie. Bereiten Sie einfach eine Excel-Datei mit einem Blatt vor, in dem alle Informationen zu Ihren Produkten in der Tabelle organisiert sind. CSV-Datei wäre vorzuziehen, da sie etwas schneller arbeitet.
• MySQL-Tabelle (bevorzugt): Dies ist wahrscheinlich die beste Datenquelle für Ihren Katalog. Es bietet schnelles Arbeiten, Echtzeit-Updates ohne erneutes Hochladen, und wenn Sie 10.000 Produkte haben, ist es die beste Lösung. Sie können Ihre Daten von CSV in MySQL konvertieren.
• PHP-Array: Wenn Sie Daten aus mehreren Datenquellen sammeln oder wenn sie von einigen externen Eingaben abhängen, und wenn Sie einige PHP-Entwicklungsfähigkeiten haben, ziehen Sie es vielleicht vor, die Daten in einem PHP-Array vorzubereiten und dann eine PHP-Datei vorzubereiten, die gedruckt wird es in einer serialisierten Zeichenfolge (mit Serialize – Funktion) wie folgt aus .
• JSON- oder XML-Datenquelle – Wenn Sie einen XML- oder JSON-Webdienst haben, können Sie die Daten in diesen Formaten aufbereiten. Wie Sie sie verwenden, können Sie hier und hier nachlesen

Nachdem die Daten bereit sind, können wir mit dem nächsten Schritt fortfahren

Installieren Sie das WordPress-Plugin wpDataTables, das Ihren Produktkatalog rendert

Bevor wir fortfahren, müssen wir sicherstellen, dass das wpDataTables-Plugin installiert ist. Sie können es hier erhalten .

Die Installation ist ganz einfach:

• Laden Sie das Plugin in Ihr Plugins-Verzeichnis hoch.
• Aktivieren Sie das Plugin.

Hier können Sie mehr darüber lesen .

Erstellen Sie eine neue wpDataTable für Ihren WordPress-Katalog

Öffnen Sie Ihr WordPress-Admin-Panel und suchen Sie das wpDataTables-Admin-Panel. Klicken Sie dann auf die Schaltfläche „Neu hinzufügen”, um eine neue wpDatatable zu erstellen.

Fügen Sie einen Tabellentitel hinzu. Sie können es „Produktkatalog im WordPress-Beispiel” oder so ähnlich nennen.

Wählen Sie dann einen Tabellentyp aus. Es hängt davon ab, was Sie in Schritt 1 ausgewählt haben: Excel-Datei, CSV-Datei, MySQL-Abfrage, serialisiertes PHP-Array, JSON- oder XML-Eingabequelle.

Wenn Sie sich entschieden haben, den Katalog basierend auf MySQL-Daten zu erstellen, geben Sie eine korrekte SELECT-Abfrage ein. Es kann so etwas sein:

SELECT * FROM my_product_catalog

Dann können Sie eine der folgenden Checkboxen und Parameter setzen, wenn Sie diese für Ihren Katalog wünschen:

• Serverseitige Verarbeitung – Wenn Sie dieses Kontrollkästchen aktivieren, wird die gesamte Filterung, Sortierung und andere Verarbeitung in einer AJAX-Anforderung vom Browser des Clients gesendet und vom Server verarbeitet. Verwenden Sie dies, wenn Sie einen großen MySQL-Datensatz haben
• Responsiv – Wenn Ihre Website responsiv ist, aktivieren Sie dieses Kontrollkästchen, damit Ihr WordPress-Katalog ebenfalls responsiv wird.
• Erweiterte Filterung – Wenn Sie dieses Kontrollkästchen aktivieren, wird ein Filter unter jeder Spalte in Ihrem neuen WordPress-Katalog hinzugefügt. So können Ihre Benutzer beispielsweise nach Preis, Veröffentlichungsdatum oder was auch immer filtern.
• Tabellenwerkzeuge – Das Aktivieren von Tabellenwerkzeugen fügt eine Möglichkeit hinzu, Daten in CSV, PDF oder Excel zu exportieren oder Katalogdaten in die Zwischenablage zu kopieren.
• Sortierung aktivieren – Dieses Kontrollkästchen aktiviert die Sortierung in Ihrem Katalog. So kann Ihr Benutzer beispielsweise alle Ihre Produkte nach Alphabet, Preis oder was auch immer er bevorzugt sortieren.
• Tabellenlayout begrenzen – Dieses Kontrollkästchen würde die Breite des Katalogs auf die Breite des übergeordneten Containers beschränken.
• Zeilenumbruch – Sie können dieses Kontrollkästchen aktivieren, wenn Sie lange Beschreibungen Ihrer Produkte im Katalog oder lange Produktnamen haben. Dadurch werden die Tabellenzellen gedehnt.
• Anzeigelänge – Dies bestimmt, wie viele Produkte auf einer Seite Ihres Katalogs angezeigt werden.

Drücken Sie auf „Tabelle speichern” und Ihr Katalog ist bereit zur Veröffentlichung.

Weitere Informationen zu Tabellen-/Katalogeinstellungen finden Sie im Tutorial-Abschnitt. ZB hier

Veröffentlichen Sie Ihren neuen Produktkatalog in Ihrem WordPress-Blog

Sie erhalten einen im Plugin generierten Shortcode. Fügen Sie es in Ihre Seite oder Ihren Blogbeitrag ein – und Ihr neuer Katalog ist fertig.

Hier ist das Ergebnis: