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

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

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

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

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

 

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

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

 

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


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

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

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دوره های پیشنهادی

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

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

جاوا اسکریپت

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


۱۲۴
۰
۱۳ آذر ۱۳۹۹

بک لینک چیست؟

بک لینک (Back Link) به لینک دادن یک سایت به سایت دیگر گفته میشود که یک فاکتور مهم و اساسی در سئو هر سایتی می باشد.


۱۳۴
۰
۲۲ آذر ۱۳۹۹

اندروید

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


۱۵۳
۰
۲۹ آبان ۱۳۹۹

درباره فایل Robots.txt

این فایل ربات های خزنده موتور های جستجو را راهنمایی می کنند و به آنان می فهماند که چه دایرکتوری و لینک هایی قابل بررسی و چه دایرکتوری و لینک هایی غیرقابل برررسی می باشند...


۱۲۰
۰
۲ دی ۱۳۹۹