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

نویسنده : ناصر خالدی بروز شده در : 2 ماه 11 روز قبل آخرین مطالعه 9 روز 12 ساعت قبل دسته ها : ووکامرس

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

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

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

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

 

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

در پایان این پست، می توانید محاسبه حمل و نقل را در صفحه پرداخت نشان دهید. ما همچنین یک قطعه کد 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');
            });

 

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


قیمت (تومان)
رایگان
وضعیت
تکمیل شده

مقالات پیشنهادی

پی اچ پی - PHP

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...

آخرین بروزرسانی 10 ماه 18 روز قبل

نود جی اس

نود جی اس

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

آخرین بروزرسانی 10 ماه 19 روز قبل

جاوا اسکریپت

جاوا اسکریپت

جاوا اسکریپت یک زبان پویا و محبوب مبتنی بر شیء, داینامیک و مفسری می باشد. این زبان برای برنامه نویسی سمت سرور و کلاینت استفاده میشود که ...

آخرین بروزرسانی 10 ماه 18 روز قبل

هوش مصنوعی

هوش مصنوعی

هوش مصنوعی یا هوش ماشینی, به هوشمندی نشان داده شده توسط ماشین در شرایط مختلف گفته میشود که مقابل هوش طبیعی در انسان ها قرار دارد که ...

آخرین بروزرسانی 10 ماه 20 روز قبل

سوالات و گفتگوها

logo-samandehi
تماس با ما

می توانید از طریق اطلاعات زیر با ما در ارتباط باشید.

درباره ما

سایت سون کلونر به تازگی شروع به کار کرده است و امید می رود تا بتواند پایگاه وسعی از آموزش های رایگان را در دسترس فارسی زبانان قرار دهد.