نحوه اضافه کردن محاسبه حمل و نقل به صفحه پرداخت در ووکامرس

آیا می خواهید محاسبه حمل و نقل را در صفحه پرداخت نمایش دهید؟ این مقاله را تا انتها بخوانید، زیرا ما با استفاده از قطعات کد سفارشی برای اصلاح برخی از فایل های اصلی ووکامرس به شما در دستیابی به این هدف کمک می کنیم. البته ، این بدان معناست که برای پیاده سازی این راه حل باید تجربه کد نویسی داشته باشید.

توجه به این نکته ضروری است که ووکامرس دارای گزینه داخلی برای نمایش محاسبه حمل و نقل در صفحه سبد خرید است. با این حال ، ممکن است بخواهید آن را در صفحه پرداخت نمایش دهید تا به کاربران اجازه دهید هزینه حمل و نقل خود را محاسبه کنند.

آنها ملزم به پر کردن فیلدهای فرم کشور ، ایالت ، شهر و کدپستی هستند. پس از آن ، مشتری برای محاسبه حمل و نقل باید روی “بروزرسانی” کلیک کند.

برای به دست آوردن نتیجه دلخواه، باید الگوی حمل سبد خرید را نادیده بگیریم. این بدان معناست که شما باید تم کودک را نصب یا ایجاد کنید. سپس ، باید فایل الگو را در قالب فرزند خود کپی کنید. این امر باعث می شود که تغییرات شما در حین بروزرسانی از بین نرود.

محاسبه حمل و نقل در صفحه پرداخت ووکامرس

در پایان این پست، می توانید محاسبه حمل و نقل را در صفحه پرداخت نشان دهید. ما همچنین یک قطعه کد jQuery سفارشی را برای اتصال رویداد کلیک روی دکمه به اشتراک می گذاریم. می توانید از روش جایگزین استفاده کنید ، اما این بیشترین توصیه را دارد.

قبل از اقدام ، باید از سایت خود نیز نسخه پشتیبان تهیه کنید. این به شما کمک می کند تا در صورت اشتباه به نسخه قبلی بازگردید.

مراحل نمایش محاسبه حمل و نقل در صفحه پرداخت

• ابتدا باید کد زیر را روی فایل woocommerce/cart/cart-shipping.php اضافه کنید:

if(is_checkout() && !$show_shipping_calculator && 'yes' === get_option( 'woocommerce_enable_shipping_calc' )  ) {
        $show_shipping_calculator = true;
}

• بعد از آن وارد حساب کاربری وردپرس خود شوید و به صفحه ادمین کل بروید.
• از منوی نمایش, زیر منوی ویرایشگر پوسته را انتخاب کنید, فایل functions.php را باز کنید.
• کد های زیر را به این فایل اضافه کنید :

add_action( 'wp_enqueue_scripts', 'sevencloner_test' );
        function sevencloner_test() {
            if( is_checkout() ) {
                if( wp_script_is( 'wc-cart', 'registered' ) && !wp_script_is( 'wc-cart', 'enqueued' ) ) {
                wp_enqueue_script( 'wc-cart' );
            }
        }
    }

• آخرین مرحله اضافه کردن یک شناسه به دکمه جمع کل به روزرسانی محاسبه حمل و نقل است. این را می توان با اتصال رویداد کلیک روی دکمه در jQuery به دست آورد. کد jQuery زیر را در فایل js موضوع فرزند خود اضافه کنید.

jQuery(document).on('click','#calc_shipping',function(e){
                    e.preventDefault();
                    var shipping_country_val    =    jQuery("#calc_shipping_country").val();
                    var shipping_state_val      =    jQuery("#calc_shipping_state").val();
                    var shipping_city_name      =    jQuery("#calc_shipping_city").val();
                    var shipping_postcode       =    jQuery("#calc_shipping_postcode").val();
                    jQuery("#billing_country").val(shipping_country_val);
                    jQuery("#billing_state").val(shipping_state_val);
                    jQuery('#billing_city').val(shipping_city_name);
                    jQuery('#billing_postcode').val(shipping_postcode);
                    jQuery("#shipping_country").val(shipping_country_val);
                    jQuery("#shipping_state").val(shipping_state_val);
                    jQuery('#shipping_city').val(shipping_city_name);
                    jQuery('#shipping_postcode').val(shipping_postcode);
                    $('#billing_country , #shipping_country').trigger('change');
                    $('#billing_state, #shipping_state').trigger('change');
            });