So fügen Sie neue Felder im Dokan-Produktformular hinzu
Veröffentlicht: 2022-04-03Dokan hat es technisch nicht versierten Menschen ermöglicht, in weniger als 30 Minuten ihren eigenen Marktplatz wie Amazon zu gestalten. Dieses Plugin ist aufgrund seiner Funktionalität sowie seiner vielen Anpassungsmöglichkeiten sehr beliebt geworden.
Als Dokan-Benutzer müssen Sie mit unserem transparenten Transaktionsprozess, regelmäßigen Updates, die sich an Trends orientieren, einem rund um die Uhr aktiven Support-Team und einer umfangreichen Dokumentationssammlung vertraut sein. Trotz all dieser Einrichtungen veröffentlichen wir eine Reihe von Blogs, um unseren Benutzern weitere Vorteile zu bieten.
In dieser Kontinuität zeigen wir Ihnen heute Schritt für Schritt, wie Sie ein neues benutzerdefiniertes Feld nach Ihren Bedürfnissen im Dokan-Produktformular hinzufügen können.
Warum Sie möglicherweise neue Felder im Dokan-Produktformular hinzufügen müssen

Die Multivendor-Lösung von Dokan ermöglicht es ihren Benutzern, verschiedene Arten von Marktplätzen mit erweiterten und einzigartigen Funktionen zu erstellen. Außerdem erhalten Sie viele Anpassungsoptionen, um Ihre Website an Ihre geschäftlichen Anforderungen anzupassen. Eine davon ist das Hinzufügen eines neuen Felds zum Produkt-Upload-Formular von Dokan.
Da Sie diese Funktion nicht standardmäßig in Dokan erhalten, müssen Sie ein wenig Code schreiben, um ein neues benutzerdefiniertes Feld hinzuzufügen. Hier zeigen wir Ihnen den gesamten Prozess, damit Sie ihn einfach in Ihrem Marktplatz implementieren können.
Hier können Sie die gesamte Dokan Multi Vendor-Dokumentation einsehen!
5 Schritte zum Hinzufügen neuer Felder im Dokan-Produktformular
Im Folgenden sind die 5 Schritte aufgeführt, die Sie benötigen, um neue Felder im Dokan-Produktformular zu erstellen und den Wert vom Frontend anzuzeigen.
Schritt 1: Erstellen Sie ein Child-Theme
Erstellen Sie zunächst ein untergeordnetes Thema. Außerdem benötigen Sie dieses untergeordnete Design, um Anpassungen an der Datei vorzunehmen, da diese Erweiterung mit dem Design zusammenhängt.

Du kannst dieser Anleitung folgen, um ganz einfach ein Child-Theme zu erstellen. Alternativ stehen im WordPress-Repository viele Plugins zur Verfügung, um ein untergeordnetes Thema zu erstellen. Sie können sie auch verwenden.
Schritt 2: Implementieren Sie den Code in Ihrem Child-Theme
Öffnen Sie als Nächstes Ihr Child-Theme functions.php und fügen Sie den folgenden Code ein:
/* * Adding extra field on New product popup/without popup form */ add_action( 'dokan_new_product_after_product_tags','new_product_field',10 ); function new_product_field(){ ?> <div class="dokan-form-group"> <input type="text" class="dokan-form-control" name="new_field" placeholder="<?php esc_attr_e( 'Product Code', 'dokan-lite' ); ?>"> </div> <?php } /* * Saving product field data for edit and update */ add_action( 'dokan_new_product_added','save_add_product_meta', 10, 2 ); add_action( 'dokan_product_updated', 'save_add_product_meta', 10, 2 ); function save_add_product_meta($product_id, $postdata){ if ( ! dokan_is_user_seller( get_current_user_id() ) ) { return; } if ( ! empty( $postdata['new_field'] ) ) { update_post_meta( $product_id, 'new_field', $postdata['new_field'] ); } } /* * Showing field data on product edit page */ add_action('dokan_product_edit_after_product_tags','show_on_edit_page',99,2); function show_on_edit_page($post, $post_id){ $new_field = get_post_meta( $post_id, 'new_field', true ); ?> <div class="dokan-form-group"> <input type="hidden" name="new_field" value="<?php echo esc_attr( $post_id ); ?>"/> <label for="new_field" class="form-label"><?php esc_html_e( 'Product Code', 'dokan-lite' ); ?></label> <?php dokan_post_input_box( $post_id, 'new_field', array( 'placeholder' => __( 'product code', 'dokan-lite' ), 'value' => $new_field ) ); ?> <div class="dokan-product-title-alert dokan-hide"> <?php esc_html_e( 'Please enter product code!', 'dokan-lite' ); ?> </div> </div> <?php } // showing on single product page add_action('woocommerce_single_product_summary','show_product_code',13); function show_product_code(){ global $product; if ( empty( $product ) ) { return; } $new_field = get_post_meta( $product->get_id(), 'new_field', true ); if ( ! empty( $new_field ) ) { ?> <span class="details"><?php echo esc_attr__( 'Product Code:', 'dokan-lite' ); ?> <strong><?php echo esc_attr( $new_field ); ?></strong></span> <?php } }
Dieser Code ist in 4 Schritten geschrieben-

- Ein Feld zum Produkt-Upload-Formular hinzugefügt (mit Pop-up oder ohne Pop-up)
- Gespeicherter und aktualisierter Feldwert beim Speichern des Produkts
- Das zusätzliche Feld wurde auf der Produktbearbeitungsseite angezeigt
- Die zusätzlichen Felddaten wurden auf einer einzelnen Produktseite angezeigt
Schritt 3: Aktivieren Sie das neue benutzerdefinierte Feld im Upload-Formular
Gehen Sie nun zum Produkt-Upload-Formular. Hier sehen Sie das neue Feld nach diesem Tag-Feld –

Um das Feld nach dem Tag-Feld hinzuzufügen, haben wir die Aktion verwendet-
dokan_new_product_after_product_tags .
Das Feld wird nach dem Tag hinzugefügt. Sie können auch mehrere Felder hinzufügen.
Schritt 4: Testen Sie das Feld „Neues Produkt“ auf Ihrer Produktbearbeitungsseite
Füllen Sie nun das Produktformular aus und erstellen Sie Ihr Produkt. Es leitet Sie zur Produktbearbeitungsseite mit dem neuen benutzerdefinierten Feldwert weiter –

Hier haben wir diese Aktionen verwendet, um Produktmeta zu speichern und zu aktualisieren –
dokan_new_product_added & dokan_new_product_updated
Um das Feld auf der Seite „Produkt bearbeiten“ anzuzeigen, haben wir diese Aktion verwendet –
dokan_product_edit_after_product_tags
Schritt 5: Neue Felddaten auf einer einzelnen Produktseite anzeigen
Jetzt möchten Sie möglicherweise neue Felddaten auf Ihrer Einzelproduktseite anzeigen. Der letzte Teil des Codes hilft Ihnen dabei. Um diesem Zweck zu dienen, haben wir die Aktion verwendet-
woocommerce_single_product_summary

Sie können einige Änderungen an dem oben eingefügten Code vornehmen, wenn Sie Ihrer Dokan-Produktseite weitere Felder hinzufügen müssen.
Sie können sich dieses Video ansehen,
Vielleicht möchten Sie auch lesen: Erstellen Sie erstaunlich anpassbare Registrierungsformulare für Dokan!
Abschluss
Einen erfolgreichen Marktplatz zu betreiben, kann eine entmutigende Aufgabe sein. Sie müssen sich vielen Herausforderungen stellen. Bei Problemen rund um den mit Dokan entwickelten Marktplatz sind wir jederzeit für Sie da.
Jetzt kennen Sie den Vorgang zum Hinzufügen eines neuen benutzerdefinierten Felds zu Ihrem Dokan-Produktformular. Um weitere Hilfe zu erhalten, kommentieren Sie unten oder kontaktieren Sie unseren 24x7-Support-Service.