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

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

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

صفحه پرداخت ووکامرس Refresh Checkout

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

در اینجا مراحلی وجود دارد که باید دنبال کنید:

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیر به داشبورد دسترسی پیدا کنید
• کد زیر را به فایل جاوا اسکریپت اضافه کنید:

<script type="text/javascript">

  /* to update info on your checkout page, you need to trigger the update_checkout function

     so add this in your javascript file for your theme or plugin

  */

    jQuery('body').trigger('update_checkout');

    /* what this does is update the order review table but what it doesn't do is update shipping costs;

     the calculate_shipping function of your shipping class will not be called again;

     so if you were like me and you made a shipping method plugin, and you had to change costs based on the payment method, then

     this is the only way to ensure it does just that

  */

</script>

از منوی داشبورد ، روی منوی ظاهر> منوی ویرایشگر تم کلیک کنید. وقتی صفحه ویرایشگر تم باز شد ، به دنبال فایل توابع موضوع با پسوند functions.php بگردید. این فایل توابع را باز کنید تا عملکرد را اضافه کنید تا صفحه پرداخت ووکامرس به طور خودکار بازخوانی شود.

<?php

# add this in your plugin file, and that's it, the calculate_shipping method of your shipping plugin class will be called again

function action_woocommerce_checkout_update_order_review($array, $int)

{

    WC()->cart->calculate_shipping();

    return;

}

add_action('woocommerce_checkout_update_order_review', 'action_woocommerce_checkout_update_order_review', 10, 2);

?>

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

نتیجه

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