WooCommerce: نقل وتخصيص Upsells @ منتج واحد

الحفاظ على WooCommerce يضاعف المبيعات في أسفل صفحة المنتج الفردية ، إنه أمر ممل نوعًا ما. من وجهة نظري ، يرغب مستخدمو WooCommerce في معرفة أن هناك ارتفاعات حتى قبل التمرير لأسفل (قد ترغب أيضًا في أن: زيادة البيع تعني المزيد من الربح). تقوم أمازون بذلك أيضًا.

في هذا البرنامج التعليمي ، سنرى ليس فقط كيفية نقلهم إلى الأعلى ، أسفل Add to Cart مباشرةً ، ولكن أيضًا كيفية تخصيص ناتج عمليات البيع لإظهار عمودين فقط وإزالة عناصر WooCommerce “حلقة” الافتراضية مثل Add to عربة التسوق. يتمتع!

انقل منتجات WooCommerce إلى زيادة مبيعاتها تحت زر “إضافة إلى عربة التسوق” وقم بتخصيصها

مقتطف PHP 1: نقل (يُعرف أيضًا باسم الإزالة ، ثم إعادة الإضافة) المنتج Upsells ضمن Add to Cart @ Single Product Page

/**
 * @snippet       Move upsells - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_upsell_display', 15 );
 
add_action( 'woocommerce_single_product_summary', 'woocommerce_upsell_display', 39 );

مقتطف PHP 2: تغيير إخراج Upsells المنتج إلى عمودين @ صفحة منتج واحد

/**
 * @snippet       Edit upsells columns - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_upsell_display_args', 'bbloomer_change_number_related_products', 9999 );
 
function bbloomer_change_number_related_products( $args ) {
   $args['posts_per_page'] = 2;
   $args['columns'] = 2; 
   return $args;
}

مقتطف PHP 3: إزالة العناصر الافتراضية من إخراج إعادة بيع المنتج ، على سبيل المثال إضافة إلى عربة التسوق @ صفحة منتج واحد

/**
 * @snippet       Remove upsells Add to Cart - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 3.5.7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_before_shop_loop_item', 'bbloomer_customize_single_upsells' );
 
function bbloomer_customize_single_upsells() {
   global $woocommerce_loop;
   if ( $woocommerce_loop['name'] == 'up-sells' ) {
      // remove add to cart button
      remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
   }
}

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

WooCommerce: قم بتغيير عدد عمليات البيع وتحريكها فوق علامات التبويب

WooCommerce: ترجمة نص “قد يعجبك أيضًا …”

WooCommerce: كيفية تقصير عناوين المنتج

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

WooCommerce: أعد تسمية زر “إضافة إلى عربة التسوق” إذا كان المنتج بالفعل @ سلة التسوق

WooCommerce: إظهار الوصف المختصر المخصص عند إفراغه

WooCommerce: إعادة تسمية وصف المنتج Tab Label @ Single Product Page

WooCommerce: قم بالتمرير إلى علامة تبويب المنتج @ صفحة منتج واحد

WooCommerce: منتجات مخصصة ذات صلة

WooCommerce: عرض منتج Up-sells @ صفحة الشكر

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

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

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

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

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

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

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