مشكلة تحديث أسعار الحقول المخصصة في تغييرات متغيرات ووكومرس

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

تعزيز عرض أسعار ضمان الاختلافات

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

إضافة HTML لأسعار ضمان الاختلافات

يمكنك البدء بإضافة وظائف في ملف functions.php الخاص بقالبك أو عن طريق إضافة ملحق مخصص. إليك طريقة إضافة أسعار الضمان:

add_action( 'woocommerce_available_variation', 'add_variation_custom_warranty_prices_html', 10, 3 );
function add_variation_custom_warranty_prices_html( $variation_data, $product, $variation ) {
    $display_price         = (float) $variation_data['display_price'];
    $display_regular_price = (float) $variation_data['display_regular_price'];
    // تحقق مما إذا كان الاختلاف في حالة تخفيض
    if ( $display_price !== $display_regular_price ) {
        $variation_data['warranty_prices'] = array(
            'no'            => wc_format_sale_price($display_regular_price * 0.9, $display_price * 0.9),
            '1-6months'     => wc_format_sale_price($display_regular_price * 0.92, $display_price * 0.92),
            'over6months'   => wc_format_sale_price($display_regular_price * 0.95, $display_price * 0.95),
            'inactivated'   => wc_format_sale_price($display_regular_price, $display_price),
        );
    } else {
        $variation_data['warranty_prices'] = array(
            'no'            => wc_price($display_price * 0.9),
            '1-6months'     => wc_price($display_price * 0.92),
            'over6months'   => wc_price($display_price * 0.95),
            'inactivated'   => wc_price($display_price),
        );
    }
    return  $variation_data;
}

التفاعل مع سعر الضمان باستخدام jQuery

لتحسين العرض التفاعلي لأسعار الضمان، يمكنك استخدام jQuery للاستجابة لتغييرات الخيارات المحددة للمستخدم. هذا سيمكنك من تحديث سعر الضمان بسرعة وسهولة بناءً على الخيار الذي يختاره المستخدم.

wc_enqueue_js( "var warrantyPrices = undefined, selectedWarranty = undefined;
$('form.variations_form').on('show_variation', function(event, data){ 
    warrantyPrices = data.warranty_prices;
    selectedWarranty = undefined;
    $('input[name=warranty_status]').prop('checked', false);
}).on('change', 'input[name=warranty_status]', function(){
    selectedWarranty = $(this).val();
    updateVariationPriceHtml( warrantyPrices, selectedWarranty );
});" );

تحديثات سريعة لخيارات الضمان

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

// إضافة تحديثات سريعة للتأكد من إزالة التحديد عند تغيير الاختلافات
$('form.variations_form').on('show_variation', function(event, data){ 
    warrantyPrices = data.warranty_prices;
    selectedWarranty = undefined;
    $('input[name=warranty_status]').prop('checked', false);
});

خاتمة

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

إن معالجة مشكلة تحديث أسعار خيارات الحقول المخصصة تتطلب دقة وإبداعًا، مما يسمح لك بتحقيق المزيد من النجاح في عالم التجارة الإلكترونية.