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

يحتاج العميل إلى إضافة ختم شعار SSL الخاص به إلى صفحة الدفع. تكمن المشكلة في أن الكود الذي حصلت عليه كان يحتوي أيضًا على جزء JS ، إلى جانب مجموعة من HTML.

لسوء الحظ ، لا يمكنك نسخ JavaScript ولصقه في صفحة الخروج … أنت بحاجة إلى حل بديل!

في هذه المقالة ، سوف نتعرف على wp_footer ، وخطاف وورد بريس مفيد لطباعة أي شيء داخل التذييل ، وقليلًا من المنطق الشرطي لاستهداف صفحة الخروج من WooCommerce فقط (وبالتالي استبعاد صفحة الشكر وصفحة الدفع الخاصة بالطلب) ، وكيفية ذلك طباعة HTML داخل وظيفة PHP. يتمتع!

WooCommerce: كيفية إضافة نصوص HTML / JS إلى صفحة الدفع

مقتطف PHP: إضافة Script @ Checkout Page – WooCommerce

/**
* @snippet       Print Script @ Checkout Footer - WooCommerce
* @how-to        Get CustomizeWoo.com FREE
* @author        Rodolfo Melogli
* @testedwith    WooCommerce 5
* @donate $9     https://businessbloomer.com/bloomer-armada/
*/
 
add_action( 'wp_footer', 'bbloomer_add_jscript_checkout', 9999 );
 
function bbloomer_add_jscript_checkout() {
   global $wp;
   if ( is_checkout() && empty( $wp->query_vars['order-pay'] ) && ! isset( $wp->query_vars['order-received'] ) ) {
      echo '<script>paste your script here!</script>';
   }
}

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

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

WooCommerce: أضف رسوم الدفع لبوابة الدفع (مثل PayPal)

WooCommerce: أضف مربع اختيار سياسة الخصوصية @ Checkout

WooCommerce: تعطيل طريقة الدفع لفئة معينة

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

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

WooCommerce: العطلة / الإيقاف المؤقت / الوضع المغلق

WooCommerce: تحديث Meta للمستخدم بعد طلب ناجح

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