بالحديث عن تحسين UX ، فإن الخروج من WooCommerce هو المكان الذي يجب أن تركز فيه معظم وقتك. تعد صفحة الخروج الخاصة بموقع التجارة الإلكترونية أحد الأسباب الرئيسية للتخلي عن عربة التسوق – الرسوم المخفية الإضافية ، ونقص الثقة ، والارتباك ، وأيضًا وجود عدد كبير جدًا من الحقول لملءها.
سنرى اليوم كيفية تحويل حقل “العنوان 2” إلى قائمة منسدلة. هذا إذا كنت تبيع إلى مناطق محددة وتريد تقليل وقت الكتابة – فلماذا لا تسمح للعملاء بالاختيار من قائمة بدلاً من ذلك؟
قم بتحويل حقل عنوان دفع WooCommerce إلى قائمة منسدلة حدد
/**
* @snippet Turn Address Checkout Field Into Drop-down - WooCommerce
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=73350
* @author Rodolfo Melogli
* @testedwith WooCommerce 3.2.5
*/
add_filter( 'woocommerce_default_address_fields' , 'bbloomer_address_field_dropdown' );
function bbloomer_address_field_dropdown( $address_fields ) {
$location_array = array(
'Location 1' => 'Location 1',
'Location 2' => 'Location 2',
'Location 3' => 'Location 3',
'Location 4' => 'Location 4',
);
$address_fields['address_2']['label'] = 'Location';
$address_fields['address_2']['type'] = 'select';
$address_fields['address_2']['options'] = $location_array;
return $address_fields;
}WooCommerce: كيفية إضافة حقل مخصص للخروج
WooCommerce: أضف حقل رقم المنزل @ Checkout
WooCommerce: تعيين مدينة الفوترة الافتراضية (أو حقول أخرى) @ Checkout
دليل تخصيص حقول WooCommerce Checkout
WooCommerce: أضف حقل “تأكيد عنوان البريد الإلكتروني” @ Checkout
WooCommerce: إخفاء حقول فواتير تسجيل الخروج إذا كان Virtual Product @ Cart
WooCommerce: عرض أخطاء الحقول المطلوبة “Inline” @ Checkout
WooCommerce: أعد تسمية تسمية “الولاية” @ Checkout
WooCommerce: نقل ملاحظات الطلب @ الخروج
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 في حالة حدوث خطأ!
