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

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

مخفی کردن دکمه سبد خرید ووکامرس

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

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

دکمه سبد خرید ووکامرس

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

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

مراحل مخفی کردن دکمه سبد به روز رسانی

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

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیر به داشبورد دسترسی پیدا کنید.
• از منوی داشبورد ، روی Menu ظاهر> سفارشی سازی کلیک کنید.
• در نوار کناری سمت چپ که ظاهر می شود ، به CSS اضافی بروید.
• قانون CSS را اضافه کنید.

input[name='update_cart'] {

display: none !important;

}

/* OR YOU CAN TRY THIS */

button[name='update_cart'] {

display: none !important;

}

• این نتیجه است:

• روی انتشار کلیک کنید.
• اکنون که دکمه مخفی شده است ، مرحله بعدی این است که از طریق JQuery روی دکمه “کلیک” کنید و اجازه دهید ووکامرس مجموع و مالیات سبد خرید را به روز کند. این کد “کلیک” بر روی دکمه مخفی Update Cart را فعال می کند. کد زیر را در فایل functions.php اضافه کنید:

/**

*      Automatically Update Cart on Quantity Change - WooCommerce

*/

add_action( 'wp_footer', 'njengah_cart_refresh_update_qty' );

function njengah_cart_refresh_update_qty() {

if (is_cart()) {

?>

<script type="text/javascript">

jQuery('div.woocommerce').on('click', 'input.qty', function(){

jQuery("[name='update_cart']").trigger("click");

});

</script>

<?php

}

}

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

نتیجه

به طور خلاصه ، این پست نحوه بهینه سازی صفحه سبد خرید را به اشتراک می گذارد. با افزایش تعداد سبد خرید مشتریان ، این امر تعداد مراحل را کاهش می دهد. توجه به این نکته ضروری است که می توانید قطعات PHP را در پایین فایل theme.php theme فرزند خود قرار دهید. علاوه بر این ، CSS در فایل theme.css theme فرزند شما قرار می گیرد. با این حال ، اگر در مدیریت کد آشنایی ندارید ، لطفاً با یک توسعه دهنده واجد شرایط وردپرس تماس بگیرید ، تا سایت خود را خراب نکنید.