WooCommerce: تحميل ملف @ نموذج تسجيل حسابي

يمكنك إضافة الاسم الأول والأخير إلى نموذج تسجيل WooCommerce (سهل ، أليس كذلك؟). أو ربما مجال راديو مخصص. ولماذا لا ، إدخال تحميل ملف – وهو قادر على تحميل صورة من متصفح المستخدم ، وتعيينها إلى النموذج ، وإضافة الصورة إلى “الوسائط” في تثبيت وورد بريس الخاص بك.

واليوم سنرى ذلك بالضبط. لسوء الحظ ، لا تسمح وظيفة “woocommerce_form_field” (حتى الآن ، ربما) بإنشاء حقول إدخال للملف ، لذلك سنستخدم HTML الأساسي فقط. يتمتع!

إليك إدخال تحميل ملف جديد تمامًا في نموذج تسجيل WooCommerce My Account

مقتطف PHP: إضافة حقل تحميل ملف @ WooCommerce تسجيل حسابي

/**
 * @snippet       File Upload @ WooCommerce My Account Registration
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
// --------------
// 1. Add file input to register form
 
add_action( 'woocommerce_register_form', 'bbloomer_add_woo_account_registration_fields' );
  
function bbloomer_add_woo_account_registration_fields() {
    
   ?>
    
   <p class="form-row validate-required" id="image" data-priority=""><label for="image" class="">Image (JPG, PNG, PDF)<abbr class="required" title="required">*</abbr></label><span class="woocommerce-input-wrapper"><input type='file' name='image' accept='image/*,.pdf' required></span></p>
    
   <?php
       
}
 
// --------------
// 2. Validate new field
 
add_filter( 'woocommerce_registration_errors', 'bbloomer_validate_woo_account_registration_fields', 10, 3 );
  
function bbloomer_validate_woo_account_registration_fields( $errors, $username, $email ) {
    if ( isset( $_POST['image'] ) && empty( $_POST['image'] ) ) {
        $errors->add( 'image_error', __( 'Please provide a valid image', 'woocommerce' ) );
    }
    return $errors;
}
 
// --------------
// 3. Save new field
 
add_action( 'user_register', 'bbloomer_save_woo_account_registration_fields', 1 );
  
function bbloomer_save_woo_account_registration_fields( $customer_id ) {
   if ( isset( $_FILES['image'] ) ) {
      require_once( ABSPATH . 'wp-admin/includes/image.php' );
      require_once( ABSPATH . 'wp-admin/includes/file.php' );
      require_once( ABSPATH . 'wp-admin/includes/media.php' );
      $attachment_id = media_handle_upload( 'image', 0 );
      if ( is_wp_error( $attachment_id ) ) {
         update_user_meta( $customer_id, 'image', $_FILES['image'] . ": " . $attachment_id->get_error_message() );
      } else {
         update_user_meta( $customer_id, 'image', $attachment_id );
      }
   }
}
 
// --------------
// 4. Add enctype to form to allow image upload
 
add_action( 'woocommerce_register_form_tag', 'bbloomer_enctype_custom_registration_forms' );
 
function bbloomer_enctype_custom_registration_forms() {
   echo 'enctype="multipart/form-data"';
}

المنشورات ذات الصلة:

WooCommerce: تغيير دور المستخدم للعملاء الجدد

WooCommerce: صفحات منفصلة لتسجيل الدخول والتسجيل

WooCommerce: رفض تسجيل الدخول التلقائي عند التسجيل في حسابي

WooCommerce: أضف علامة تبويب جديدة @ صفحة حسابي

WooCommerce: إخفاء أو إعادة تسمية علامة التبويب حسابي

WooCommerce: كيفية دمج علامات تبويب حسابي

WooCommerce: السماح للمستخدمين بتعديل أوامر المعالجة

WooCommerce: جدول المنتجات الإضافية Column @ Admin

WooCommerce: أعد تسمية “حسابي” إذا تم تسجيل الخروج في قائمة التنقل @

WooCommerce: عرض المنتج / طلب الحقول المخصصة المخفية (“التعريف المحمي”)

أين تضيف هذا المقتطف؟

يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”

هل هذا المقتطف (لا يزال) يعمل؟

يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.

إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂

هل تحتاج إلى مساعدة في WooCommerce؟

تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!