WooCommerce: نقل وتغيير عدد عمليات البيع المتقاطعة في صفحة السلة

يدور مقتطف هذا الأسبوع حول صفحة عربة التسوق (توقيت مثالي ، حيث سأدير فصلًا مجانيًا في غضون أيام قليلة حول ” كيفية تخصيص صفحة عربة WooCommerce “).

سنركز اليوم على قسم “قد تكون مهتمًا بـ …” ، والذي يُطلق عليه أيضًا منطقة “البيع المتقاطع”. إذا كان أحد المنتجات الموجودة في سلة التسوق لديه عمليات بيع تكميلية (تحرير المنتج> بيانات المنتج> المنتجات المرتبطة) ، فسيظهر هذا القسم افتراضيًا. المشكلة هي – إنها قبيحة جدًا حيث هي الآن وتشتت انتباه المستخدم عن تحديد زر “Proceed to Checkout” ، وهو أهم CTA (دعوة إلى اتخاذ إجراء) لصفحة عربة التسوق.

لذا ، كيف يمكنني تحريكها تحت إجمالي عربة التسوق ، وجعل التصميم أكثر نظافة؟

WooCommerce: انقل قسم “قد تكون مهتمًا أيضًا بـ …” ضمن إجمالي سلة التسوق

WooCommerce: انقل قسم “قد تكون مهتمًا أيضًا …” ضمن إجمالي سلة التسوق

مقتطف WooCommerce PHP الكامل: نقل وتغيير عدد أعمدة البيع المتقاطع @ صفحة عربة التسوق

/**
* @snippet Move & Change Number of Cross-Sells @ WooCommerce Cart
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=20449
* @author Rodolfo Melogli
* @testedwith WooCommerce 2.6.2
*/
 
 
// ---------------------------------------------
// Remove Cross Sells From Default Position 
 
remove_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' );
 
 
// ---------------------------------------------
// Add them back UNDER the Cart Table
 
add_action( 'woocommerce_after_cart_table', 'woocommerce_cross_sell_display' );
 
 
// ---------------------------------------------
// Display Cross Sells on 3 columns instead of default 4
 
add_filter( 'woocommerce_cross_sells_columns', 'bbloomer_change_cross_sells_columns' );
 
function bbloomer_change_cross_sells_columns( $columns ) {
return 3;
}
 
 
// ---------------------------------------------
// Display Only 3 Cross Sells instead of default 4
 
add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );
  
function bbloomer_change_cross_sells_product_no( $columns ) {
return 3;
}

مقتطف WooCommerce PHP: تغيير عدد أعمدة البيع المتقاطع @ صفحة عربة التسوق

/**
* @snippet Change Number of Cross-Sells Columns @ WooCommerce Cart
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=20449
* @author Rodolfo Melogli
* @testedwith WooCommerce 2.6.2
*/
 
 
// ---------------------------------------------
// Display Cross Sells on 2 columns instead of default 4
 
add_filter( 'woocommerce_cross_sells_columns', 'change_cross_sells_columns' );
 
function change_cross_sells_columns( $columns ) {
return 2;
}

مقتطف WooCommerce PHP: تغيير عدد عمليات البيع المتقاطعة @ صفحة السلة

/**
* @snippet Change Number of Cross-Sells @ WooCommerce Cart
* @how-to Get CustomizeWoo.com FREE
* @sourcecode https://businessbloomer.com/?p=20449
* @author Rodolfo Melogli
* @testedwith WooCommerce 2.6.2
*/
 
 
// ---------------------------------------------
// Display Only 2 Cross Sells instead of default 4
 
add_filter( 'woocommerce_cross_sells_total', 'bbloomer_change_cross_sells_product_no' );
  
function bbloomer_change_cross_sells_product_no( $columns ) {
return 2;
}

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

WooCommerce: أضف منتجًا إلى عربة التسوق عند الزيارة برمجيًا

WooCommerce: عرض إجمالي الخصم / التوفير في سلة التسوق والدفع

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

WooCommerce: أضف محتوى إلى صفحة سلة التسوق الفارغة

WooCommerce: قم بتغيير كمية إضافة إلى عربة التسوق في قائمة اختيار المنسدلة

WooCommerce: عرض الفئات ضمن Product Name @ Cart

WooCommerce: التسعير الديناميكي المجمع بدون مكون إضافي

WooCommerce: جدول عربة التسوق “منقسم” (عناوين A> Z)

WooCommerce: عرض SKU @ Cart ، الخروج ، الطلب ورسائل البريد الإلكتروني

WooCommerce: عرض صفحة مخزون المنتج في سلة التسوق

أين تضيف هذا المقتطف؟

يمكنك وضع مقتطفات PHP في الجزء السفلي من ملف function.php القالب الفرعي الخاص بك (احذف “؟>” إذا كان لديك هناك). من ناحية أخرى ، ينتقل CSS في ملف style.css الخاص بسمة الطفل. تأكد من أنك تعرف ما تفعله عند تحرير مثل هذه الملفات – إذا كنت بحاجة إلى مزيد من الإرشادات ، فيرجى إلقاء نظرة على الفيديو التعليمي المجاني الخاص بي “أين تضع تخصيص WooCommerce؟”

هل هذا المقتطف (لا يزال) يعمل؟

يرجى إعلامي في التعليقات إذا كان كل شيء يعمل كما هو متوقع. يسعدني مراجعة المقتطف إذا أبلغت بخلاف ذلك (يرجى تقديم لقطات شاشة). لقد اختبرت هذا الكود مع موضوع Storefront وإصدار WooCommerce المذكور أعلاه واستضافة صديقة لـ وورد بريس على PHP 7.3.

إذا كنت تعتقد أن هذا الرمز وفر لك الوقت والمال ، فلا تتردد في الانضمام إلى أكثر من 14000 مشترك في WooCommerce Weekly للحصول على تحديثات منشورات المدونة أو أكثر من 250 من مؤيدي Business Bloomer لمدة 365 يومًا من مزايا WooCommerce . شكرا لكم مقدما 🙂

هل تحتاج إلى مساعدة في WooCommerce؟

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