WooCommerce: نقل / إعادة ترتيب حقول الخروج (البريد الإلكتروني ، البلد ، إلخ.)

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

بالنظر إلى هدفي النهائي المتمثل في محاولة القيام بأكبر قدر ممكن دون تثبيت مكونات إضافية ذات وزن ثقيل ، سنلقي اليوم نظرة على كيفية نقل الحقول داخل أقسام الفوترة والشحن.

WooCommerce: انقل حقول دفع الفواتير / الشحن حولها

WooCommerce: انقل حقول دفع الفواتير / الشحن حولها

مقتطف PHP: نقل / إعادة ترتيب الحقول @ صفحة الخروج من WooCommerce

أضاف WooCommerce 3.0 حقل “أولوية” لكل حقل فوترة وشحن. الآن أصبح نقل الحقول @ checkout أسهل بكثير!

/**
 * @snippet       Move / ReOrder Fields @ Checkout Page
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    Woo 4.9.2
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_default_address_fields', 'bbloomer_reorder_checkout_fields' );
 
function bbloomer_reorder_checkout_fields( $fields ) {
 
   // default priorities:
   // 'first_name' - 10
   // 'last_name' - 20
   // 'company' - 30
   // 'country' - 40
   // 'address_1' - 50
   // 'address_2' - 60
   // 'city' - 70
   // 'state' - 80
   // 'postcode' - 90
 
  // e.g. move 'company' above 'first_name':
  // just assign priority less than 10
  $fields['company']['priority'] = 8;
 
  return $fields;
}

مقتطف PHP: نقل حقل البريد الإلكتروني @ WooCommerce Checkout Page

لقد كتبت مقالًا كاملاً عن هذه الميزة وحدها: https://www.businessbloomer.com/woocommerce-move-email-field-to-top-checkout/ – استمتع!

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

WooCommerce: قم بتغيير حقل الإدخال إلى Textarea @ Checkout

WooCommerce: تعطيل التحقق من الرمز البريدي / ZIP @ Checkout

WooCommerce: كيفية إضافة حقل مخصص للخروج

WooCommerce: أضف حقل رقم المنزل @ Checkout

دليل تخصيص حقول WooCommerce Checkout

WooCommerce: أضف حقل “تأكيد عنوان البريد الإلكتروني” @ Checkout

WooCommerce: تحويل حقل الخروج من العنوان إلى القائمة المنسدلة

WooCommerce: أعد تسمية تسمية “الولاية” @ Checkout

WooCommerce: Maxlength و Minlength لحقول الخروج

WooCommerce: انقل حقل البريد الإلكتروني إلى Top @ Checkout

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

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

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

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

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

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

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