WooCommerce: أضف هاتف الشحن @ Checkout

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

لحسن الحظ ، هناك خطاف (مرشح) لذلك. يطلق عليه ” woocommerce_checkout_fields ” ويمكن استخدامه لإزالة أو نقل أو إضافة حقول السحب بسرعة. وإليك كيفية إضافة ، على سبيل المثال ، حقل شحن جديد يسمى “shipping_phone”. يتمتع!

كيفية إنشاء حقل سداد جديد: هاتف الشحن

مقتطف PHP: عرض شحن الهاتف @ حقول الخروج

/**
 * @snippet       Shipping Phone & Email - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.6.4
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_checkout_fields', 'bbloomer_shipping_phone_checkout' );
 
function bbloomer_shipping_phone_checkout( $fields ) {
   $fields['shipping']['shipping_phone'] = array(
      'label' => 'Phone',
      'required' => false,
      'class' => array( 'form-row-wide' ),
      'priority' => 25,
   );
   return $fields;
}
  
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'bbloomer_shipping_phone_checkout_display' );
 
function bbloomer_shipping_phone_checkout_display( $order ){
    echo '<p><b>Shipping Phone:</b> ' . get_post_meta( $order->get_id(), '_shipping_phone', true ) . '</p>';
}

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

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

WooCommerce: إخفاء أسعار الشحن في حالة توفر الشحن المجاني

WooCommerce: قصر الشحن على دولة واحدة فقط

WooCommerce: أضف إشعارات الشحن على صفحة الخروج

WooCommerce: تم فتح “الشحن إلى عنوان مختلف” افتراضيًا

WooCommerce: إخفاء سعر الشحن إذا كانت فئة الشحن @ سلة التسوق

WooCommerce: تعيين مدينة الفوترة الافتراضية (أو حقول أخرى) @ Checkout

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 في حالة حدوث خطأ!