كيفية تغيير وظيفة زر الطلب المسبق في ووكوميرس

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

تعديل سلوك زر الطلب المعلق في WooCommerce

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

إزالة زر “أضف إلى السلة” للمنتجات المعلقة

إذا كنت تريد إزالة زر "أضف إلى السلة" فقط للمنتجات التي في حالة طلب معلق، يمكنك استخدام الفلتر التالي:

add_filter( 'woocommerce_loop_add_to_cart_link', 'remove_add_to_cart_onbackorder_products', 25, 2 );
function remove_add_to_cart_onbackorder_products( $add_to_cart_html, $product ) {
    if( $product->is_type('simple') && $product->is_on_backorder()) {
        return '';
    }
    return $add_to_cart_html;
}

هذا الكود سيزيل الزر الافتراضي فقط للمنتجات التي في حالة طلب معلق.

استبدال الزر الافتراضي بزر الطلب المسبق

لإضافة زر خاص يسمح للمستخدمين بتقديم طلب مسبق، يمكن استخدام كود قصير (Shortcode) كما يلي:

function preorderbtn(){
    echo do_shortcode( '[button text="Pre-order" link="#checkprice" class="clickbutton"]' );
}
add_filter('woocommerce_product_add_to_cart_url', 'pre_order_button_url', 10, 2); 
function pre_order_button_url($url, $product) { 
    if ($product->is_on_backorder()) { 
        preorderbtn();
    } 
    return $url; 
} 

هذا الكود يقوم باستبدال الزر الافتراضي للطلب المعلق بزر "طلب مسبق". ومع ذلك، يجب ملاحظة أن هذه الطريقة تعمل فقط على صفحات فئات المنتجات، وهناك حاجة لتطبيق تغييرات إضافية لجعلها تعمل على صفحة المنتج المفرد.

تحديات إضافية على صفحة المنتج المفرد

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

لإخفاء الزر الافتراضي، يمكن استخدام الكود التالي:

remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30);

لكن هذا قد يؤدي إلى عدم إمكانية استبدال الزر. يجب التأكد من أن المكان المخصص للزر لا يصبح غير مرئي بعد إزالة الزر الافتراضي.

مرونة تخصيص WooCommerce

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

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

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