الصفحة الأمامية > برمجة > كيفية تحديث عدد عناصر سلة التسوق لرأس WooCommerce ديناميكيًا باستخدام AJAX؟
كيفية تحديث عدد عناصر سلة التسوق لرأس WooCommerce ديناميكيًا باستخدام AJAX؟
تم النشر بتاريخ 2024-11-04
تصفح:428
عدد عناصر Ajaxify Header Cart في WooCommerce
تحديد الحاجة
في سمات WordPress المدمجة في WooCommerce، تحديث عربة الرأس يعد عدد العناصر دون إعادة تحميل الصفحة تحديًا شائعًا. يقدم jQuery حلاً، ولكن تظهر الأسئلة عندما يمكن إضافة العناصر بكميات متعددة.استخدام AJAX لاسترداد العدد الإجماليلاسترداد إجمالي عدد سلة التسوق ديناميكيًا من PHP جلسات باستخدام jQuery، يتم إنشاء ملف reloadCart.php لتكرار القيمة:
cart->get_cart_contents_count(); ?>cart->get_cart_contents_count();
?>ومع ذلك، لم تنجح محاولات إجراء استدعاءات AJAX لهذا الملف باستخدام وظائف get() أو post() أو ajax() الخاصة بـ jQuery. .
نهج محسّن
بدلاً من الاعتماد على إعادة التحميل، يقدم WooCommerce خطاف إجراءات woocommerce_add_to_cart_fragments مخصص يدعم Ajax.
تكامل HTML
قم بتضمين عدد سلة التسوق في الرأس بمعرف أو فئة فريدة:
$items_count = WC()->cart->get_cart_contents_count(); ?>
cart->get_cart_contents_count();
?>PHP Codeنفذ الكود التالي في ملف function.php الخاص بالقالب أو في مكون إضافي:
add_filter( ' woocommerce_add_to_cart_fragments'، 'wc_refresh_mini_cart_count')؛
الدالة wc_refresh_mini_cart_count($fragments){
ob_start();
$items_count = WC()->cart->get_cart_contents_count();
?>
add_filter( 'woocommerce_add_to_cart_fragments', 'wc_refresh_mini_cart_count');
function wc_refresh_mini_cart_count($fragments){
ob_start();
$items_count = WC()->cart->get_cart_contents_count();
?>
jQuery Refreshإذا تم تحديث jQuery إضافي مطلوب:
$(document.body).trigger('wc_fragment_refresh');$(document.body).trigger('wc_fragment_refresh');
$(document.body).trigger ('wc_fragments_refreshed')؛
أحدث البرنامج التعليمي
أكثر>
-
![لماذا أحصل على \"[$injector:modulerr]\" عند الترحيل إلى AngularJS 1.3؟](/style/images/moren/moren.png)
لماذا أحصل على \"[$injector:modulerr]\" عند الترحيل إلى AngularJS 1.3؟AngularJS: مواجهة [$injector:modulerr] عند الترحيل إلى الإصدار 1.3 في كود AngularJS، تواجه خطأ عند الترحيل إلى الإصدار 1.3: خطأ لم يتم اكتشافه...برمجة تم النشر بتاريخ 2024-11-16 -
كيف يمكنني العثور على المستخدمين الذين لديهم أعياد ميلاد اليوم باستخدام MySQL؟كيفية التعرف على المستخدمين الذين لديهم أعياد ميلاد اليوم باستخدام MySQL تحديد ما إذا كان اليوم هو عيد ميلاد المستخدم باستخدام MySQL يتضمن الب...برمجة تم النشر بتاريخ 2024-11-16
-
كيفية حل \"1418 (HY000) هذه الوظيفة لا تحتوي على أي من البيانات المحددة أو SQL أو READS SQL في إعلانها وتم تمكين التسجيل الثنائي\" خطأ في MySQL؟عند استيراد قاعدة بيانات MySQL، قد تواجه الخطأ "1418 (HY000) في السطر 10185: لا تحتوي هذه الوظيفة على أي من البيانات المحددة أو NO SQL أو REA...برمجة تم النشر بتاريخ 2024-11-16
-
كيف يمكنني عرض التواريخ بتنسيق معين مثل \'d-m-Y\' في MySQL؟تنسيق وتمثيل التاريخ في MySQL عند إنشاء حقل DATE في MySQL، قد يواجه المستخدمون مشكلات تتعلق بالتواريخ المخزنة في ملف غير مستخدم -تنسيق مألوف مث...برمجة تم النشر بتاريخ 2024-11-16
-
لماذا تقوم إشارة النقر فوق زر PyQt4 دائمًا بإخراج نفس القيمة داخل الحلقة؟توصيل الفتحات والإشارات في PyQt4 داخل حلقة في PyQt4، يعد إنشاء اتصالات بين الفتحات والإشارات جانبًا أساسيًا في التعامل مع الأحداث. ومع ذلك، عند ...برمجة تم النشر بتاريخ 2024-11-16
-
ما وراء عبارات "if": في أي مكان آخر يمكن استخدام نوع ذو تحويل "bool" صريح بدون الإرسال؟التحويل السياقي إلى منطقي مسموح بدون إرسال يحدد فصلك تحويلًا صريحًا إلى منطقي، مما يتيح لك استخدام مثيله 't' مباشرة في العبارات الشرطية....برمجة تم النشر بتاريخ 2024-11-16
-
كيفية إجراء بحث عالمي واستبدال عبر قاعدة بيانات MySQL بأكملها؟البحث عن قاعدة بيانات MySQL بأكملها واستبدالها الهدف هو إجراء عملية بحث واستبدال عالمية عبر قاعدة بيانات MySQL بأكملها. يقترح السؤال تغيير بنا...برمجة تم النشر بتاريخ 2024-11-16
-
كيفية تحويل السلاسل إلى الزوجي في C++: دليل بسيط باستخدام `std::istringstream` و`std::stod`تحويل السلاسل النصية إلى نسخ مزدوجة في لغة C في لغة C، يمكن تحويل سلسلة نصية إلى سلسلة مزدوجة باستخدام الدالتين std::istringstream وstd::stod.#include...برمجة تم النشر بتاريخ 2024-11-16
-
لماذا تعتبر Lambdas أكثر قابلية للتحسين من الوظائف العادية في لغة C++؟لماذا تسمح Lambdas بتحسين المترجم المحسن مقارنة بالوظائف العادية تؤكد مكتبة C القياسية (الإصدار الثاني) بقلم نيكولاي جوسوتيس أن لامدا يمكنها ذ...برمجة تم النشر بتاريخ 2024-11-16
-
ماذا حدث لموازنة الأعمدة في الإصدار التجريبي من Bootstrap 4؟الإصدار التجريبي من Bootstrap 4: إزالة واستعادة إزاحة الأعمدة قدم Bootstrap 4، في إصداره التجريبي 1، تغييرات مهمة في الطريقة تم تعويض الأعمدة....برمجة تم النشر بتاريخ 2024-11-16
-
كيف يمكنني إزالة الخصائص بكفاءة من مجموعة من الكائنات في JavaScript؟الإزالة الفعالة للخصائص من مصفوفة من الكائنات عند التعامل مع مصفوفة تحتوي على كائنات متعددة، فمن الضروري إزالة خصائص محددة من كل كائن . في حين...برمجة تم النشر بتاريخ 2024-11-16
-
كيف يمكن لـ Nonces تأمين طلبات الويب ضد هجمات إعادة التشغيل؟كيفية تأمين طلبات الويب باستخدام Nonces المشكلة وجد مستخدم طريقة لاستغلال نظام التحقق من صحة الطلب لنظام تسجيل موقع الويب من خلال تكرار طلبات ...برمجة تم النشر بتاريخ 2024-11-16
-
استخدام WebSockets في Go للاتصال في الوقت الفعلييتطلب إنشاء التطبيقات التي تتطلب تحديثات في الوقت الفعلي - مثل تطبيقات الدردشة أو الإشعارات المباشرة أو الأدوات التعاونية - طريقة اتصال أسرع وأكثر...برمجة تم النشر بتاريخ 2024-11-16
-
كيف يمكنني التحكم بشكل فعال في استهلاك ذاكرة JVM؟التحكم في استهلاك ذاكرة JVM من أجل تخصيص الموارد المناسبة لأداء التطبيق الأمثل، من الضروري تعيين الحد الأقصى للذاكرة التي يمكن الاستفادة من JVM...برمجة تم النشر بتاريخ 2024-11-16
![لماذا أحصل على \"[$injector:modulerr]\" عند الترحيل إلى AngularJS 1.3؟](http://www.luping.net/uploads/20241116/1731750139673868fb1fcc7.jpg)
دراسة اللغة الصينية
- 1 كيف تقول "المشي" باللغة الصينية؟ 走路 نطق الصينية، 走路 تعلم اللغة الصينية
- 2 كيف تقول "استقل طائرة" بالصينية؟ 坐飞机 نطق الصينية، 坐飞机 تعلم اللغة الصينية
- 3 كيف تقول "استقل القطار" بالصينية؟ 坐火车 نطق الصينية، 坐火车 تعلم اللغة الصينية
- 4 كيف تقول "استقل الحافلة" باللغة الصينية؟ 坐车 نطق الصينية، 坐车 تعلم اللغة الصينية
- 5 كيف أقول القيادة باللغة الصينية؟ 开车 نطق الصينية، 开车 تعلم اللغة الصينية
- 6 كيف تقول السباحة باللغة الصينية؟ 游泳 نطق الصينية، 游泳 تعلم اللغة الصينية
- 7 كيف يمكنك أن تقول ركوب الدراجة باللغة الصينية؟ 骑自行车 نطق الصينية، 骑自行车 تعلم اللغة الصينية
- 8 كيف تقول مرحبا باللغة الصينية؟ # نطق اللغة الصينية، # تعلّم اللغة الصينية
- 9 كيف تقول شكرا باللغة الصينية؟ # نطق اللغة الصينية، # تعلّم اللغة الصينية
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
