Dokan Ürün Formuna Yeni Alanlar Nasıl Eklenir

Dokan, teknik bilgisi olmayan kişilerin Amazon gibi kendi pazaryerlerini 30 dakikadan daha kısa bir sürede tasarlamalarını mümkün kıldı. Bu eklenti, işlevselliği ve birçok özelleştirme seçeneği nedeniyle çok popüler hale geldi.

Bir Dokan kullanıcısı olarak şeffaf işlem sürecimize, trendlere uygun düzenli güncellemelere, 7/24 aktif destek ekibimize ve zengin dokümantasyon koleksiyonumuza oldukça aşina olmalısınız. Tüm bu imkanlara rağmen kullanıcılarımıza daha fazla fayda sağlamak için bir dizi blog yayınlıyoruz.

Bu süreklilik içerisinde bugün sizlere adım adım Dokan ürün formunda ihtiyaçlarınıza göre özelleştirilmiş yeni bir alanı nasıl ekleyebileceğinizi göstereceğiz.

Dokan Ürün Formuna Neden Yeni Alanlar Eklemeniz Gerekebilir?

Dokan çok satıcılı çözümü, kullanıcılarının gelişmiş ve benzersiz özelliklere sahip farklı türde pazar yerleri oluşturmasına olanak tanır. Ayrıca, sitenizi iş ihtiyaçlarınıza uygun hale getirmek için birçok özelleştirme seçeneğine sahip olacaksınız. Bunlardan biri de Dokan'ın ürün yükleme formuna yeni bir alan eklemek.

Bu özelliği Dokan'ın içinde varsayılan olarak alamayacağınız için, yeni bir özel alan eklemek için biraz kod yazmanız gerekiyor. Burada size tüm süreci göstereceğiz, böylece bunu pazar yerinizde kolayca uygulayabilirsiniz.

Tüm Dokan Çoklu Satıcı Belgelerini buradan kontrol edebilirsiniz!

Dokan Ürün Formuna Yeni Alan Eklemek İçin 5 Adım

Dokan ürün formunda yeni alanlar oluşturmak ve ön uçtan değeri göstermek için ihtiyacınız olan 5 adım aşağıdadır.

1. Adım: Bir Alt Tema Oluşturun

İlk olarak, bir çocuk teması oluşturun. Ayrıca, bu geliştirme temayla ilgili olduğundan, dosyada ayarlamalar yapmak için bu alt temaya ihtiyacınız olacak.

Kolaylıkla bir alt tema oluşturmak için bu kılavuzu takip edebilirsiniz. Alternatif olarak, bir alt tema oluşturmak için WordPress deposunda birçok eklenti mevcuttur. Onları da kullanabilirsiniz.

Adım 2: Çocuk Temanızın İçindeki Kodu Uygulayın

Ardından, alt tema function.php'nizi açın ve aşağıdaki kodu yapıştırın-

 /* * 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 } }

Bu kod 4 adımda yazılmıştır-

• Ürün yükleme formuna bir alan eklendi (Pop-up'lı veya pop-up'sız)
• Ürünü kaydederken kaydedilen ve güncellenen alan değeri
• Ürün düzenleme sayfasındaki ekstra alanı gösterdi
• Ekstra alan verilerini tek bir ürün sayfasında gösterdi

3. Adım: Yükleme Formundaki Yeni Özel Alanı Kontrol Edin

Şimdi, ürün yükleme formuna gidin. Burada, bu etiket alanından sonraki yeni alanı görebilirsiniz –

Etiket alanından sonra alanı eklemek için eylemi kullandık-

dokan_new_product_after_product_tags .

Etiketten sonra alanı ekleyecektir. Birden çok alan da ekleyebilirsiniz.

Adım 4: Ürün Düzenleme Sayfanızdaki Yeni Ürün Alanını Test Edin

Şimdi ürün formunu doldurun ve ürününüzü oluşturun. Sizi yeni özel alan değeriyle ürün düzenleme sayfasına yönlendirecektir –

Burada, ürün metasını kaydetmek ve güncellemek için bu eylemleri kullandık –

dokan_new_product_added & dokan_new_product_updated

Ürünü düzenle sayfasındaki alanı göstermek için bu eylemi kullandık –

dokan_product_edit_after_product_tags

Adım 5: Yeni Alan Verilerini Tek Bir Ürün Sayfasında Görüntüleyin

Artık tek ürün sayfanızda yeni alan verilerini göstermek isteyebilirsiniz. Kodun son kısmı bunu yapmanıza yardımcı olur. Bu amaca hizmet etmek için eylemi kullandık-

woocommerce_single_product_summary

Dokan ürün sayfanıza daha fazla alan eklemeniz gerekirse, yukarıda eklediğimiz kodda bazı değişiklikler yapabilirsiniz.

Ayrıca şunu da okumak isteyebilirsiniz: Dokan için Harika Özelleştirilebilir Kayıt Formları Oluşturun!

Çözüm

Başarılı bir pazaryeri işletmek göz korkutucu bir görev olabilir. Birçok zorlukla yüzleşmek zorundasın. Dokan ile geliştirilen pazaryeri ile ilgili her türlü problemde size yardımcı olmaya her zaman hazırız.

Artık Dokan ürün formunuza yeni bir özel alan ekleme sürecini biliyorsunuz. Daha fazla yardım almak için aşağıya yorum yapın veya 7x24 destek hizmetimizle iletişime geçin.