كيفية تحرير تفاصيل الفواتير صفحة WooCommerce Checkout

نشرت: 2021-02-22

تحرير تفاصيل الفواتير WooCommerce Checkout Page هناك عدة طرق يمكنك من خلالها تعديل تفاصيل الفواتير في WooCommerce. في هذا البرنامج التعليمي ، أرغب في إبراز الطريقة التي يمكنك بها تحرير تفاصيل الفواتير لإزالة الحقول أو إزالة المطلب.

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

كيفية تحرير تفاصيل الفواتير WooCommerce (إزالة الحقول وتعطيل التحقق من الصحة وإضافة عناصر نائبة مخصصة وإضافة تسميات نموذج مخصصة)

اليوم ، أريد أن أوضح لك كيفية تحرير تفاصيل الفواتير وإزالة الحقول التي لا تريد أن تظهر لعملائك.

WooCommerce تحرير تفاصيل الفواتير باستخدام البرنامج المساعد المجاني

هناك أكثر من عشرة مكونات إضافية على حد سواء مجانية ومتميزة يمكنك استخدامها لتحرير تفاصيل فواتير WooCommerce. كيفية تحرير تفاصيل الفواتير woocommerce

كل من هذه المكونات الإضافية لها ميزات فريدة وتصميم واجهة. أفضل مكون إضافي مجاني لتحرير تفاصيل الفواتير في WooCommerce هو Checkout Field Editor (Checkout Manager) لـ WooCommerce.

يتيح لك هذا المكون الإضافي تحرير الفواتير الأساسية والشحن والحقول الإضافية في تسجيل الخروج من WooCommerce.

في نموذج التحرير ، يمكنك إضافة خيارات حقل مخصصة مثل: الاسم ، والنوع ، والتسمية ، والعنصر النائب ، والفئة ، وفئة التسمية ، وقواعد التحقق من الصحة وما إلى ذلك (قد يتغير توفر هذه الخيارات بناءً على أنواع الحقول).

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

يمكنك أيضًا تحرير تفاصيل الفواتير على صفحة الخروج من WooCommerce عن طريق إضافة مقتطف رمز إلى ملف function.php الخاص بقالبك.

قم بإزالة WooCommerce Checkout Billing Fields

أولاً ، يمكنك إزالة حقول الفواتير التي لا تحبها باستخدام مقتطف الشفرة أدناه:

 

/ **
 * تحرير تفاصيل الفواتير لإزالة الحقول التي لا تريدها 
 ** /
دالة njengah_remove_checkout_fields (حقول $) {

    // حقول الفواتير
    unset ($ الحقول ['billing'] ['billing_company']) ؛
    unset ($ الحقول ['billing'] ['billing_email']) ؛
    unset ($ الحقول ['billing'] ['billing_phone']) ؛
    unset ($ الحقول ['billing'] ['billing_state']) ؛
    unset ($ الحقول ['billing'] ['billing_first_name']) ؛
    unset ($ الحقول ['billing'] ['billing_last_name']) ؛
    unset ($ الحقول ['billing'] ['billing_address_1']) ؛
    unset ($ الحقول ['billing'] ['billing_address_2']) ؛
    unset ($ الحقول ['billing'] ['billing_city']) ؛
    unset ($ الحقول ['billing'] ['billing_postcode']) ؛
	
	عودة الحقول $؛
	
} 

	add_filter ('woocommerce_checkout_fields'، 'njengah_remove_checkout_fields') ؛

يمكنك إزالة جميع الحقول وإضافة حقول مخصصة أو يمكنك إزالتها من مقتطف الشفرة أدناه التي تريد الاحتفاظ بها.

هذه هي أسرع طريقة لإزالة حقول الفواتير من صفحة تسجيل الخروج WooCommerce دون استخدام مكون إضافي.

على سبيل المثال ، إذا أردنا فقط إظهار الاسم الأول والاسم الأخير والبريد الإلكتروني فقط في تفاصيل الفوترة ، فسنقوم بتغيير الرمز ليكون كما في مقتطف الشفرة أدناه:

 

الوظيفة njengah_remove_checkout_fields_keep_email_name ($ الحقول) {

    // حقول الفواتير
    unset ($ الحقول ['billing'] ['billing_company']) ؛
    unset ($ الحقول ['billing'] ['billing_phone']) ؛
    unset ($ الحقول ['billing'] ['billing_state']) ؛
    unset ($ الحقول ['billing'] ['billing_address_1']) ؛
    unset ($ الحقول ['billing'] ['billing_address_2']) ؛
    unset ($ الحقول ['billing'] ['billing_city']) ؛
    unset ($ الحقول ['billing'] ['billing_postcode']) ؛
	
	عودة الحقول $؛
	
} 

	add_filter ('woocommerce_checkout_fields'، 'njengah_remove_checkout_fields_keep_email_name') ؛

قم بإزالة حقول فواتير WooCommerce Checkout وحقول الشحن

يمكنك أيضًا توسيع هذا المنطق لإزالة حقول الشحن أيضًا بالإضافة إلى حقول الفوترة . الكود الكامل الذي من شأنه إزالة حقول الفوترة وحقول الشحن هو كما يلي:

 

    الدالة njengah_remove_checkout_fields_billing_shipping (الحقول $) {
   
		// حقول الفواتير
		unset ($ الحقول ['billing'] ['billing_company']) ؛
		unset ($ الحقول ['billing'] ['billing_email']) ؛
		unset ($ الحقول ['billing'] ['billing_phone']) ؛
		unset ($ الحقول ['billing'] ['billing_state']) ؛
		unset ($ الحقول ['billing'] ['billing_first_name']) ؛
		unset ($ الحقول ['billing'] ['billing_last_name']) ؛
		unset ($ الحقول ['billing'] ['billing_address_1']) ؛
		unset ($ الحقول ['billing'] ['billing_address_2']) ؛
		unset ($ الحقول ['billing'] ['billing_city']) ؛
		unset ($ الحقول ['billing'] ['billing_postcode']) ؛

		// مجالات الشحن
		unset ($ الحقول ['shipping'] ['shipping_company']) ؛
		unset ($ الحقول ['shipping'] ['shipping_phone']) ؛
		unset ($ الحقول ['shipping'] ['shipping_state']) ؛
		unset ($ الحقول ['shipping'] ['shipping_first_name']) ؛
		unset ($ الحقول ['shipping'] ['shipping_last_name']) ؛
		unset ($ الحقول ['shipping'] ['shipping_address_1']) ؛
		unset ($ الحقول ['shipping'] ['shipping_address_2']) ؛
		unset ($ الحقول ['shipping'] ['shipping_city']) ؛
		unset ($ الحقول ['shipping'] ['shipping_postcode']) ؛

    عودة الحقول $؛
  } 
add_filter ('woocommerce_checkout_fields'، 'njengah_remove_checkout_fields_billing_shipping') ؛

قم بإزالة حقول فواتير WooCommerce Checkout وحقول الشحن وملاحظات الطلب

يمكنك أيضًا إزالة حقل ملاحظة الطلب الموجود أسفل قسم الفواتير وقسم الشحن باستخدام نفس المنطق ولكن مع إضافة خيار إزالة order_comments كما في مقتطف الشفرة المدمج أدناه:

 

    دالة njengah_remove_checkout_fields_billing_shipping_order (حقول $) {
   
		// حقول الفواتير
		unset ($ الحقول ['billing'] ['billing_company']) ؛
		unset ($ الحقول ['billing'] ['billing_email']) ؛
		unset ($ الحقول ['billing'] ['billing_phone']) ؛
		unset ($ الحقول ['billing'] ['billing_state']) ؛
		unset ($ الحقول ['billing'] ['billing_first_name']) ؛
		unset ($ الحقول ['billing'] ['billing_last_name']) ؛
		unset ($ الحقول ['billing'] ['billing_address_1']) ؛
		unset ($ الحقول ['billing'] ['billing_address_2']) ؛
		unset ($ الحقول ['billing'] ['billing_city']) ؛
		unset ($ الحقول ['billing'] ['billing_postcode']) ؛

		// مجالات الشحن
		unset ($ الحقول ['shipping'] ['shipping_company']) ؛
		unset ($ الحقول ['shipping'] ['shipping_phone']) ؛
		unset ($ الحقول ['shipping'] ['shipping_state']) ؛
		unset ($ الحقول ['shipping'] ['shipping_first_name']) ؛
		unset ($ الحقول ['shipping'] ['shipping_last_name']) ؛
		unset ($ الحقول ['shipping'] ['shipping_address_1']) ؛
		unset ($ الحقول ['shipping'] ['shipping_address_2']) ؛
		unset ($ الحقول ['shipping'] ['shipping_city']) ؛
		unset ($ الحقول ['shipping'] ['shipping_postcode']) ؛

                // ترتيب الحقول
                unset (حقول $ ['order'] ['order_comments']) ؛

    عودة الحقول $؛
  } 
add_filter ('woocommerce_checkout_fields'، 'njengah_remove_checkout_fields_billing_shipping_order') ؛

WooCommerce تحرير متطلبات تفاصيل الفواتير أو التحقق من صحتها

عندما لا يتم ملء أحد حقول الفوترة ، يُنشئ WooCommerce خطأً مثل الخطأ الأكثر شيوعًا - رمز الفوترة البريدي ليس رمزًا بريديًا / ZIP صالحًا.

يحدث هذا نظرًا لوجود ميزة التحقق افتراضيًا في حقول تسجيل الفواتير في WooCommerce.

لحل هذه المشكلة وتجنب ظهور هذه الأخطاء عند ترك الحقل فارغًا ، تحتاج إلى إزالة التحقق من صحة تفاصيل الفواتير.

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

 / **
	 * مثال لإزالة التحقق من صحة حقل الفواتير
	 ** / 
 
		add_filter ('woocommerce_billing_fields'، 'njengah_remove_phone_field_validation') ؛

		الدالة njengah_remove_phone_field_validation ($ الحقول) {
		
			الحقول $ ['billing_phone'] ['required'] = false؛
			
			عودة الحقول $؛
		}

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

$fields['billing_phone']['required'] = false;

WooCommerce تحرير العناصر النائبة والتسميات تفاصيل الفواتير

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

 add_filter ('woocommerce_checkout_fields'، 'njengah_edit_checkout_placeholders_labels') ؛
  
		function njengah_edit_checkout_placeholders_labels ($ الحقول) {
		
			 حقول $ ['billing'] ['billing_company'] ['placeholder'] = 'Custom Placeholder'؛
			 حقول $ ['billing'] ['billing_company'] ['label'] = 'علامة مخصصة'؛
		 
		 عودة الحقول $؛
		 }

استنتاج

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

يُنصح أيضًا بإضافة مقتطف الشفرة هذا دائمًا إلى سمة فرعية للموضوع النشط. إذا لم يكن لديك موضوع فرعي ، فيمكنك التعرف على كيفية إنشاء سمة فرعية باستخدام هذا المنشور - قم بإنشاء سمة فرعية لـ Storefront.

هناك عدة طرق لتخصيص WooCommerce ولكن الأكثر شيوعًا هو إخفاء الميزات التي لا تحبها ، لقد شاركت دليلًا شاملاً حول كيفية إخفاء معظم الميزات في متجر WooCommerce ، Ultimate WooCommerce Hide Guide. يمكن أن يكون هذا مكانًا رائعًا لتبدأ في تخصيص WooCommerce.

إذا كنت تستخدم السمة الافتراضية لـ WooCommerce - موضوع Storefront ، فيمكنك التعلم من أكثر من 80 نصيحة لتخصيص واجهة المتجر حول كيفية جعل متجر WooCommerce الخاص بك يتمتع بمظهر وشعور احترافيين.

أخيرًا ، أنا متاح دائمًا لمساعدتك في أي مشكلة في WooCommerce أو إصلاح أي أخطاء على موقعك إذا كنت بحاجة إلى توظيف خبير WordPress أو مطور WooCommerce.

مقالات مماثلة

  1. كيفية إضافة حقل مخفي على صفحة الخروج من WooCommerce
  2. كيفية الحصول على تفاصيل الطلب بعد الخروج في WooCommerce
  3. كيفية إخفاء السعر عند نفاد المخزون في WooCommerce
  4. كيفية مسح سلة التسوق عند تسجيل الخروج في WooCommerce
  5. كيفية إزالة حقل رقم الهاتف من الخروج WooCommerce
  6. كيفية إزالة تفاصيل الفواتير من WooCommerce Checkout
  7. كيفية تصميم صفحة الخروج من WooCommerce
  8. كيف احصل على معرف المنتج على صفحة الخروج أو صفحة الطلب في WooCommerce
  9. قائمة WooCommerce Hooks »عالمية ، عربة التسوق ، الخروج ، المنتج
  10. كيفية إصلاح رمز الفوترة البريدي ليس رمزًا بريديًا / بريديًا صالحًا
  11. كيفية استخدام do_shortcode في WordPress (PHP)
  12. WooCommerce إخفاء معلومات إضافية الخروج
  13. كيفية الحصول على WooCommerce Checkout Country Dropdown
  14. كيفية إضافة WooCommerce Checkout Default Country
  15. كيفية تغيير WooCommerce Checkout Endpoints
  16. كيفية التحقق مما إذا كانت صفحة الخروج WooCommerce
  17. كيفية إزالة عنوان فئة المنتج WooCommerce
  18. كيفية الحصول على معرف الطلب على صفحة الخروج WooCommerce
  19. كيفية إضافة المنتج إلى عربة التسوق برمجيًا في WooCommerce