بروزرسانی خودکار سبد خرید با تغییر تعداد محصول با ۲ روش

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

در ادامه به کمک ۲ روش: بروزرسانی خودکار سبد خرید با کد یا بروزرسانی اتوماتیک سبد خرید با تغییر تعداد محصول با افزونه آژاکس، به حل این باگ خواهیم پرداخت. از همه مهم‌تر، تجربه کاربری خوبی را به کاربران سایتمان، ارائه داده‌ایم.

تنظیمات سبد خرید حرفه ای

کد بروزرسانی خودکار سبد خرید هنگام تغییر مقادیر (آپدیت سبد خرید ووکامرس)

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

/** WooCommerce Automatically Update Cart On Quantity Change by novinmaster **/
add_action( 'wp_head', 'ecommercehints_hide_update_cart_button' );
function ecommercehints_hide_update_cart_button() { ?>
    <style>
        button[name="update_cart"], input[name="update_cart"] {
            display: none;
        }
</style>
<?php }
add_action( 'wp_footer', 'ecommercehints_update_cart_on_quantity_change');
function ecommercehints_update_cart_on_quantity_change() { ?>
    <script>
    jQuery( function( $ ) {
        let timeout;
        $('.woocommerce').on('change', 'input.qty', function(){
            if ( timeout !== undefined ) {
                clearTimeout( timeout );
            }
            timeout = setTimeout(function() {
                $("[name='update_cart']").trigger("click");
            }, 500 ); // 500 being MS (half a second)
        });
    } );
    </script>
<?php }

نحوه افزودن قطعه کد بالا در وردپرس بصورت دستی:

تنظیمات سبد خرید حرفه ای: برای update خودکار سبد خرید بدون استفاده از افزونه، می‌توانید از کد PHP در فایل functions.php قالب خود استفاده کنید. برای انجام این کار در وبسایت وردپرسی خود، قطعه کد زیر را کپی و در فایل functions.php قالب سایت خود جایگذاری کنید و کار تمام است!

نحوه افزودن قطعه کد بالا در وردپرس با افزونه (بروز رسانی اتوماتیک سبد خرید):

اگر با فایل functions.php راحت نیستید، نصب افزونه رایگان کد اسنیپت را پیشنهاد می‌کنیم. کد اسنیپت یک راه آسان و ساده برای اضافه کردن کدها به قالب شماست. پس از نصب و فعال‌سازی افزونه، به بخش اسنیپت‌ها و سپس اضافه کردن مورد جدید (Snippets → Add new) در داشبورد وردپرس خود بروید. برای اسنیپت خود یک نام انتخاب کنید و کد بالا را در آن بگذارید. ذخیره کنید و کار تمام است.

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

افزونه بروزرسانی خودکار سبد خرید هنگام تغییر مقادیر (بروزرسانی سبد خرید)

اگر با افزودن کد راحت نستید، نگران نباشید، افزونه‌هایی وجود دارند که این کار را برای شما انجام خواهند داد.

افزونه آپدیت خودکار سبد خرید ووکامرس با افزونه Ajax Cart AutoUpdate for WooCommerce (به روز رسانی خودکار سبد خرید آژاکس برای ووکامرس)

از بین افزونه‌هایی که بررسی کردیم، افزونه Ajax Cart AutoUpdate for WooCommerce از بقیه، عملکرد بهتری داشت. تنظیمات افزونه را طبق تصویر پایین انجام بدهید تا عملکرد این افزونه را مشاهده نمایید.