إذا قررت حذف حقول السحب أو إعادة ترتيبها ، فربما تحتاج أيضًا إلى تغيير حقل الخروج باستخدام “ضبط تلقائي للصورة”. في اللغة الإنجليزية البسيطة ، هذا هو حقل الخروج حيث ينتقل مؤشر لوحة المفاتيح تلقائيًا عند تحميل صفحة الخروج (افتراضيًا ، هذا هو اسم الفوترة الأول).
كالعادة ، يعد تغيير هذا السلوك الافتراضي أمرًا سهلاً للغاية ، حتى لو لم تكن معتادًا على PHP. في المثال أدناه ، أقوم بإزالة التركيز التلقائي من Billing First Name وتعيينه إلى حقل Billing Email بدلاً من ذلك.
انسخ المقتطف واختبره في بيئة التطوير الخاصة بك ثم ادفعه إلى موقع الويب المباشر الخاص بك. يتمتع!
قم بتغيير حقل ضبط تلقائي للصورة @ WooCommerce Checkout
مقتطف PHP: تغيير حقل التركيز التلقائي @ WooCommerce Checkout
/**
* @snippet Change autofocus field @ WooCommerce Checkout
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=
* @author Rodolfo Melogli
* @testedwith WooCommerce 3.3.4
*/
add_filter( 'woocommerce_checkout_fields', 'bbloomer_change_autofocus_checkout_field' );
function bbloomer_change_autofocus_checkout_field( $fields ) {
$fields['billing']['billing_first_name']['autofocus'] = false;
$fields['billing']['billing_email']['autofocus'] = true;
return $fields;
}
المنشورات ذات الصلة:
WooCommerce: قصر الشحن على دولة واحدة فقط
WooCommerce: Get / Edit Logged in Username @ Checkout
WooCommerce: قصر القوائم المنسدلة للولاية على ولاية واحدة فقط
WooCommerce: عرض إجمالي الخصم / التوفير في سلة التسوق والدفع
WooCommerce: تعيين مدينة الفوترة الافتراضية (أو حقول أخرى) @ Checkout
WooCommerce: الشحن فقط إلى عناوين “الاستلام المحلية” المحددة مسبقًا
WooCommerce: تحرير “عودة الزبون؟” رسالة @ الخروج
WooCommerce: مستخدم معفي من الضرائب بناءً على قيمة حقل الخروج
WooCommerce: إعادة تسمية زر “تقديم الطلب” @ Checkout
WooCommerce: Maxlength و Minlength لحقول الخروج
أين تضيف هذا المقتطف؟
يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”
هل هذا المقتطف (لا يزال) يعمل؟
يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.
إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂
هل تحتاج إلى مساعدة في WooCommerce؟
تحقق من دروس الفيديو المجانية هذه. يمكنك تعلم كيفية تخصيص WooCommerce بدون مكونات إضافية غير ضرورية ، وكيفية تكوين إعدادات البرنامج المساعد WooCommerce بشكل صحيح وحتى كيفية إتقان استكشاف أخطاء WooCommerce في حالة حدوث خطأ!

