شارك المقال

WooCommerce: تعطيل لوحة المفاتيح “أدخل” في صفحة الخروج

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

قضية مثيرة للاهتمام. اكتشف أحد العملاء أنه إذا قمت بالضغط على “إدخال” على لوحة المفاتيح الخاصة بك أثناء وجودك في صفحة WooCommerce Checkout ، فسيتم إرسال النموذج تلقائيًا. أوتش! ماذا لو أراد العميل استخدام طريقة شحن مختلفة؟ ماذا لو تم دفع “دخول” بالخطأ؟ إذن ، إليك كيفية تعطيله.

1. قم بتثبيت CSS & JavaScript Toolbox

ما عليك سوى الانتقال إلى دليل وورد بريس Plugin الرسمي هنا لتنزيله.

قم بتثبيته.

2. أنشئ “كتلة رمز” جديدة وأضف هذا الرمز

<script>
jQuery(document).ready(function($) {
$("form").keypress(function(e) {
  //Enter key
  if (e.which == 13) {
    return false;
  }
});
});
</script>

3. حدد صفحة الخروج من اللوحة اليمنى

WooCommerce: تعطيل إدخال لوحة المفاتيح في نموذج الخروج

WooCommerce: تعطيل إدخال لوحة المفاتيح في نموذج الخروج

4. حفظ جميع التغييرات (CSS & JavaScript Toolbox)

… ولن يتم إرسال صفحة نموذج الخروج مع إدخال لوحة المفاتيح!

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

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

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

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

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

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

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

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

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

توضيح

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

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}