تخصيص حقول صفحة طلب منتج وواكوميرس والحساب في  ووردبريس اضافات ووردبريس اصلاح مشاكل ووردبريس

تخصيص حقول صفحة طلب منتج وواكوميرس والحساب في ووردبريس

قد ترغب بتخصيص حقول صفحة طلب منتج وواكوميرس في موقع ووردبريس , وهذا بالتأكيد ليس صعباً البتة , قد ترغب باضاف حقل المدن بقائمة اختيارية أو حقل معلومات اضافية مثل تاريخ الميلاد أو رقم الهوية أو حقل نصي وكلها على سبيل المثال وليس الحصر , ولهذا الغرض يمكن الاستفادة من الشرح التالي.

تخصيص حقول صفحة طلب منتج وواكوميرس ووردبريس باستخدام اضافة :

اضافة WooCommerce Checkout & Account Field Editor

تساعدك على إضافة وتعديل وحذف وإعادة ترتيب الحقول المخصصة في صفحة طلب وواوكوميرس وصفحة التسجيل.

ميزات هذه الاضافة باصدارها المجاني :

  • إضافة / تحرير / حذف حقول صفحة طلب منتج وواكوميرس
  • خيار لإضافة التسمية والعنصر النائب في كل حقل
  • إعادة ترتيب الحقول أو تغيير أو إعادة ترتيب الحقول في صفحة الطلب في وواكوميرس .
  • إضافة حقول مخصصة في قسم الحقول الإضافية.
  • عرض الحقول في صفحة الطلبات ورسائل البريد الإلكتروني
  • تفعيل / الغاء تفعيل حقول صفحة طلب منتج وواكوميرس والحساب
  • إعادة تعيين حقول الخروج إلى الخيار الافتراضي.
  • أعد ترتيب الحقول أو قم بتغيير ترتيب الحقول أو إعادة ترتيبها في صفحة التسجيل في وواوكوميرس

كل ماعليك فعله هو التوجه الى لوحة تحكم ووردبريس , ثم الضغط على اضافات , اضافة جديد , وقم بالبحث عن هذه الاضافة

تخصيص حقول صفحة طلب منتج وواكوميرس ووردبريس باستخدام اضافة :

بعد تنصيب الاضافة السابقة , تستطيع الان انشاء الحقول المخصصة التي تريد . كما بالترتيب وبالشكل الموضح بالصورة

  1. نوع الحقل ,
  2. اسم الحقل ( اكتب اسم بالانكليزية وفريد ممن نوعه )
  3. اسم النائب أو تعريف الحقل الذي سيظهر للمستخدم
  4. الخيارات , ضع فاصلة مباشرة بعد الخيار و فراغ بعد الفاصلة في كل مرة
  5. اختر عرض الحقل ( للتنسيق)
  6. اضف الحقل
  7. ايضاً قم بحفظ كل التعديلات
الحقول المخصصة لاضافة وواوكوميرس ووردبريس

اضافة Checkout Field Editor for WooCommerce

إذا كنت تتساءل عن كيفية تخصيص حقول صفحة طلب منتج وواكوميرس والحساب ، فهذه الاضافة تلبي طلبك أيضاً كما في السابق

اضافة Checkout Field Editor for WooCommerce

الميزات المجانية لهذه الاضافة :

  • أضف حقل (حقول) مخصصة جديدة.
  • تحرير الحقول.
  • عرض في صفحة تفاصيل الطلب والبريد الإلكتروني.
  • بإزالة الحقول.
  • تمكين / تعطيل المجال (الحقول).
  • تغيير ترتيب حقول صفحة الطلب .
  • إعادة تعيين إلى مجموعة الحقول الافتراضية.
  • أنواع الحقول المتوفرة هي
  1. نصآ قصير
  2. كلمه السر
  3. البريد الإلكتروني
  4. هاتف
  5. تحديد
  6. نص طويل
  7. اختيار افقي

كما هو الحال في الاضافة السابقة , اذهب الى اعدادات الاضافة بعد تنصيبها وقم بالعمل على اضافة الحقول المخصصة

تخصيص حقول صفحة طلب منتج وواكوميرس والحساب في ووردبريس بالكود

الان وواووكوميرس يوفر لك ايضاً خدمة التعديل على الحقول , الحذف والالغاء , وكذلك اضافة الحقل الجديد لصفحة طلب المنتج , سنحاول الان عرض فكرة اضافة حقول عن طريق الاكواد , علماً أن هذه الاكواد تلصق في ملف functions.php سواء في القالب ان كنت انت من تقوم بالتطوير أو في functions.php في القالب الابن , والهدف من هذا الا تفقد هذه الحقول عند اضافة تحديث جديد للقالب في حال كنت تستخدم قالب جاهز :

إضافة حقل خاص مخصص نصي

/**
 * Add the field to the checkout
 */
add_action( 'woocommerce_after_order_notes', 'my_custom_checkout_field' );

function my_custom_checkout_field( $checkout ) {

    echo '<div id="my_custom_checkout_field"><h2>' . __('My Field') . '</h2>';

    woocommerce_form_field( 'my_field_name', array(
        'type'          => 'text',
        'class'         => array('my-field-class form-row-wide'),
        'label'         => __('Fill in this field'),
        'placeholder'   => __('Enter something'),
        ), $checkout->get_value( 'my_field_name' ));

    echo '</div>';

}
الحقل

بعد ذلك ، نحتاج إلى التحقق من صحة الحقل عند نشر نموذج الطلب . في هذا المثال في حال كان الحقل مطلوب وليس اختياريًا:

/**
 * Process the checkout
 */
add_action('woocommerce_checkout_process', 'my_custom_checkout_field_process');

function my_custom_checkout_field_process() {
    // Check if set, if its not set add an error.
    if ( ! $_POST['my_field_name'] )
        wc_add_notice( __( 'Please enter something into this new shiny field.' ), 'error' );
}

أخيرًا ، دعنا نحفظ الحقل الجديد لطلب الحقول المخصصة باستخدام الكود التالي:

/**
 * Update the order meta with field value
 */
add_action( 'woocommerce_checkout_update_order_meta', 'my_custom_checkout_field_update_order_meta' );

function my_custom_checkout_field_update_order_meta( $order_id ) {
    if ( ! empty( $_POST['my_field_name'] ) ) {
        update_post_meta( $order_id, 'My Field', sanitize_text_field( $_POST['my_field_name'] ) );
    }
}

تم حفظ الحقل الآن في الطلب.

إذا كنت ترغب في عرض قيمة الحقل المخصص في صفحة إصدار الطلبات في وواوكوميرس ، فيمكنك إضافة هذا الرمز:

/**
 * Display field value on the order edit page
 */
add_action( 'woocommerce_admin_order_data_after_billing_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );

function my_custom_checkout_field_display_admin_order_meta($order){
    echo '<p><strong>'.__('My Field').':</strong> ' . get_post_meta( $order->id, 'My Field', true ) . '</p>';
}
الحقل 2

الان انتهى هذا الدرس لتخصيص حقول صفحة طلب منتج وواكوميرس والحساب في ووردبريس. اذا كان لا يزال لديك أي سؤال , يمكنك تركه في التعليقات في الاسفل


اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *




مقالات مرتبطة

 منع نسخ المقالات و محتوى موقع ووردبريس

منع نسخ المقالات و محتوى موقع ووردبريس

من الأشياء التي تسبب الازعاج احياناً , عندما تقوم بقضاء الساعات الطوال في..

Read More
 اضافة خيارات لصفحة تخصيص قالب ووردبرس

اضافة خيارات لصفحة تخصيص قالب ووردبرس

من المعروف انه لكل قالب في ووردبريس له صفحة تخصيص تستطيع التحكم من..

Read More
 كيفية انشاء وتعديل التذييل لموقع ووردبريس

كيفية انشاء وتعديل التذييل لموقع ووردبريس

في الكثر من المواقع تجد في اسفلها حقوق النسخ CopyRight أو لربما يذكر..

Read More
 أفضل بدائل جوجل أدسنس – الربح من الانترنت

أفضل بدائل جوجل أدسنس – الربح من الانترنت

أفضل وأسرع طرق الربح من الانترنت في حالة إمتلاك موقع إلكتروني أيًا كان..

Read More