Wie erstelle ich ein benutzerdefiniertes Einstellungsfenster in WooCommerce?

Veröffentlicht: 2021-04-16


WordPress wird aufgrund seiner benutzerfreundlichen Funktionen bei vielen Entwicklern immer beliebter. Es bietet eine breite Möglichkeit, eine Site mit verschiedenen Aspekten zu entwickeln. Einer der Hauptgründe für seine Popularität ist die Entwicklung einer E-Commerce-Site. Die Zukunft bewegt sich ohne Bewegung oder Suche auf die Bedürfnisse des Kunden zu.

Viele kategoriebasierte Produkte haben damit begonnen, E-Commerce-Sites zu entwickeln, um eine Interaktion mit ihren Kunden aufzubauen. Daher nimmt der Verkehr der E-Commerce-Site schnell zu. Es ist gut, das Entwicklungsverfahren des benutzerdefinierten Einstellungsfensters mit WooCommerce von Wordpress zu kennen.

WooCommerce ist auf die Entwicklung des E-Commerce-Produkts spezialisiert und bietet eine breite Option, um die Anforderungen für die Entwicklung der Website anzupassen. Durch die Fokussierung der Informationsangebote auf die Blogging-Inhalte wird die Produktivität erheblich gesteigert und die Aufmerksamkeit auf die Site gesteigert.

Daher sind die angegebenen Daten hilfreich, um die Informationen zum Erstellen eines benutzerdefinierten Datenpanels zu kennen, das der E-Commerce-Site hilft, den Konversionsanteil zu steigern, da CRO eine wichtige Rolle bei der Verbesserung der Interaktion zwischen dem Benutzer und dem Website-Inhaber spielt. Stellen Sie sicher, dass Sie das Update von WooCommerce gemäß den Anforderungen des Benutzers erhalten. Daher hilft die Zusammenarbeit mit den Updates und die Anforderungen an die Nutzung sehr bei der Entwicklung einer Site.

Verstehen Sie das WooCommerce Custom Data Panel?

Wenn Sie ein Produkt in WooCommerce entwickeln und darauf bestehen möchten, müssen Sie im Abschnitt der Produktliste die Daten eingeben, die technisch möglicherweise schwierig sind, wie z.

Benutzerdefiniertes WooCommerce-Datenfeld

Sie müssen die Option des benutzerdefinierten Datenfelds von WooCommerce auswählen. Dann können Sie die Details in einem bestimmten Format anzeigen. In den Produktbereichsfeldern werden zwei Spalten vorhanden sein. Das linke enthält die Details des Allgemeinen, des Inventars usw. Jede Tafel enthält bestimmte Informationen.

Lassen Sie mich ein Beispiel anführen; Wenn es erforderlich ist, ein Geschenkverpackungsfeld hinzuzufügen, müssen die folgenden Details befolgt werden.

  • Erstellen Sie eine Checkbox, um die Option als Geschenkverpackung für das jeweilige Produkt auf der Produktseite einzufügen.
  • Erstellen Sie eine Checkbox, um das Eingabefeld sicherzustellen, damit der Kunde die Daten als Nachricht an die Produktliste eintragen kann.
  • Um die Kosten aus der Geschenkverpackungsoption hinzuzufügen, muss ein Eingabefeld erstellt werden, das diesen Vorgang ausführen kann, da es hilft, die Kosten des Produkts im Warenkorb hinzuzufügen. Diese Prozessansicht wird im Backend verarbeitet.

Sie können ein neues Plugin erstellen

Es ist wichtig, das Plugin zu erstellen, da es sehr hilft, Fehler zu vermeiden und keine Funktionen zu entwickeln. Es ist nicht erforderlich, Code zu entwickeln, um benutzerdefinierte Felder zu erstellen, da das Plugin den Wert mit Vorteilen bietet und die Benutzer zu einem anderen Thema wechseln können, ohne die Funktion zu beeinträchtigen. Das Erstellen eines Plugins ist der gleiche Prozess wie bei WordPress.

Das Plugin besteht aus zwei Klassen:

  • Um die Admin-Details zu handhaben
  • Um das Frontend zu handhaben

Struktur des Projekts

Admin-Klasse

Der erste Schritt besteht darin, eine Klasse zu erstellen, um Back-End-Informationen zu verwalten. Erstellen Sie eine Klasse im Ordner, indem Sie die neue Dateioption verwenden. Es scheint wie diese class-tpwcp-admin.php.

Auf der linken Seite des Produktbereichs wird derzeit ein Element verwendet, um eine benutzerdefinierte Registerkarte zu erstellen. Beginnen Sie mit dem Hinzufügen des Felds, wenn die Produktliste zum benutzerdefinierten Bereich geht. Wählen Sie den Produkttyp aus dem Panel aus. Dann wird es aktiviert. Geben Sie die erforderlichen Werte ein und speichern Sie diese. Der Vorgang zum Erstellen einer benutzerdefinierten Registerkarte besteht darin, auf die folgende Option mit den Begriffen create_giftwrap_tab-Funktion unter woocommerce_product_data_tabs-Filteroptionen zuzugreifen. Dies hilft, die Daten von WooCommerce $tabs zu übergeben und können später als Label, Ziel, Klasse und Priorität geändert werden.

Produktarten

Um die Option aus den Produkttypen auszuwählen, ist es wichtig sicherzustellen, dass die Fälle aktiviert sind. Sie können es vereinfachen, indem Sie die Klassen show_if_simple und show_if_variable hinzufügen und wenn Sie die Liste bestimmter Produkttypen vermeiden möchten, vernachlässigen Sie sie einfach.

Benutzerdefinierte WooCommerce-Feldfunktionen

Mit den beiden Funktionen können beispielsweise Felder erstellt werden.

  • woocommerce_wp_checkbox
  • woocommerce_wp_text_input

Die obige Klasse wird speziell verwendet, um benutzerdefinierte Felder mit bestimmten unten angegebenen Argumenten zu erstellen.

  • ID: Es sollte einzigartig sein
  • Label: Es wird vom Benutzer bemerkt
  • desc_tip: Es erscheint, wenn der Benutzer mit der Maus über das Fragezeichen neben dem Label fährt

Um das Eingabefeld in Form von Text oder Zahl hinzuzufügen, können Sie das Argument wie die woocommerce_wp_text_input-Funktion verwenden

Speichern Sie die benutzerdefinierten Felder
  1. Um die Werte im benutzerdefinierten Feld zu speichern, verwenden Sie Admin-Klassen wie woocommerce_process_product_meta
  2. Um die Funktion mit einem einfacheren Ansatz zu erstellen und die Daten mit dem richtigen Speicher- und Abrufprozess zu optimieren, können Sie CRUD verwenden, um die Einstellungen für die Datenoptimierung einzurichten. Sie können es ab WooCommerce 3.0 verwenden
  3. Um WooCommerce jetzt zu erstellen, können die Optionen mit verschiedenen Formularen als $post_id, $product object und später auf die update_meta_data angewendet werden, um die Informationen zu speichern

Fazit

WordPress ist in der Lage, alle möglichen Funktionen der Website auszuführen. Wenn Sie mehr über die Informationen erfahren, wird das Geschäft bei der Entwicklung des Projekts für verschiedene Kategorien erheblich verbessert. WordPress bietet benutzerdefinierte Designs, um die Website mit den richtigen Methoden zu entwickeln. Seitens des Content-Management-Systems stehen viele Optionen zur Verfügung. Durch die Konzentration auf den erforderlichen Teil hilft WordPress dabei, das Produkt mit hoher Leistung zu erstellen.

Es stehen viele Optionen zur Verfügung, um die Funktionen und Funktionen des Entwicklungsprozesses zu erhöhen. Sie müssen sich auf die Phase der Plugin-Optionen und die Codierungstechniken konzentrieren. Durch die Kenntnis der Programmiertechniken wird WordPress dem Profil eine Ehre machen und dazu beitragen, Projekte zu erhalten und die Einnahmen zu steigern. Stellen Sie daher sicher, dass Sie die Programmierkenntnisse entwickeln, die es der Website ermöglichen, eine interaktive Rolle zu spielen und den Conversion-Bereich zu erhöhen. Ich hoffe, die obigen Punkte sind hilfreich, um die Details zum Erstellen benutzerdefinierter Felder mit WooCommerce zu kennen.