همانطور که میدانید به طور پیشفرض کاربر پس از تغییر تعداد محصولات موجود در سبد خرید ووکامرس، باید بر روی دکمه «بهروزرسانی سبد خرید» کلیک کند تا سبد خرید بهروزرسانی شود. ما در این مقاله به شما نحوه بهروزرسانی خودکار سبد خرید با تغییر تعداد محصول را آموزش میدهیم.
در صورتی که میخواهید دکمه «بهروزرسانی سبد خرید» را مخفی کنید و زمانی که کاربر تعداد هر محصول را تغییر داد، سبد خرید به طور خودکار بهروزرسانی شود، کافی است مراحل زیر را به ترتیب انجام دهید.
بخش اوّل: مخفیکردن دکمه «بهروزرسانی سبد خرید»
به منظور بهروزرسانی خودکار سبد خرید با تغییر تعداد محصول، اوّلین چیزی که نیاز دارید، مخفیکردن دکمه «بهروزرسانی سبد خرید» است. برای عدم نمایش این دکمه کافی است کدهای CSS زیر را در فایل style.css پوسته فرزند کپی کنید.
نکته: بهتر است کدها در پوسته فرزند قرار بگیرند. چون با بهروزرسانی پوسته مادر، ممکن است تغییرات به حالت قبل برگردد.
input[name='update_cart'] {
display: none !important;
}
/* OR TRY THIS */
button[name='update_cart'] {
display: none !important;
}
بخش دوّم: بهروزرسانی سبد خرید با تغییر تعداد محصول
با انجام مرحله اوّل دکمه پنهان شد، هم اکنون نیاز به کد جی کوئری دارید تا همان عملیاتی را که هنگام کلیک بر روی دکمه «بهروزرسانی سبد خرید» انجام میدادید، به صورت خودکار انجام دهد. به منظور این کار، قطعه کد زیر به شما کمک خواهد کرد تا عملیات بهروزرسانی به صورت خودکار انجام شود.
add_action( 'wp_footer', 'tidaweb_cart_refresh_update_qty' );
function tidaweb_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
}
}
پس از انجام مراحل بالا، فرآیند آپدیت سبد خرید با تغییر تعداد محصول به صورت خودکار انجام خواهد شد. در صورتی که از سؤالی دارید، میتوانید آن را از بخش دیدگاهها با ما در میان بگذارید. همچنین اگر دنبال توابع کاربردی و ترفندهای وردپرس میگردید، ترفند وردپرس را مشاهده کنید.
منبع: Business Bloomer
سلام وقت بخیر
در سبد خرید سایت من، گزینه های اضافه و کم کردن تعداد محصول وجود نداره و میخوام این امکانو اضافه کنم که در سبد خرید بشه تعدادو تغییر داد. میشه راهنمایی کنید چطور این امکانو اضافه کنم؟
باسلام
اضافه یا کم کردن تعداد در سبد خرید بسته به نوع پوسته مورد استفاده شما وجود دارد. در صورتی که این امکان را ندارید، میتوانید با دفتر تماس بگیرید تا دوستان شما را راهنمایی کنند.
باتشکر
با سلام، کد jquery را دقیقا در کجای فایل functions.Php باید قرار داد؟
باسلام
کد بخش دوم را به طور کامل در فایل functions.php پوسته خودتون قرار بدین .
موفق و پیروز باشید
کار نکرد
فقط دکمه مخفی شد
باسلام
احتمال زیاد تداخلی در کدهای جی کوئری به وجود آمده است.
باتشکر
سلام و درود.
کد قسمت اول اوکی بود.
ولی کد قسمت دوم،توی functions.php کپی کردم ولی هیچ تغییری ایجاد نشد و با کم و زیاد کردن محصول،متأسفانه قیمت تغییر نمیکنه.شما فرمودید که تداخلی در کد جی کوئری بوجود اومده.چطور رفعش کنیم؟
سلام دوست عزیز
سایت شما باید توسط کارشناسان بررسی گردد تا راه حل مناسب به شما ارائه شود. با دفتر تماس بگیرید تا بتوانیم در اسرع وقت مشکل شما را برطرف کنیم.
باتشکر
با سلام و خسته نباشید.ببخشید دکمه بروزرسانی در سبد خریدم حذف شده و محصولی اضافه یا کم میکنم روی سبد خرید اعمال نمیشه. لطفا نحوهی قراردادن گزینه بروزرسانی را آموزش دهید
سلام دوست عزیز
شما باید مرحله به مرحله آموزش را انجام بدید تا بهروزرسانی سبد خرید به صورت خودکار انجام بشه. اگر تمامی مراحل را به درستی انجام دادین ولی این اتفاق نیفتاده ، به احتمال زیاد این کد با یکی از کدهای پوسته یا افزونههای فعال موجود در پوسته تداخل داره که باید تداخل برطرف بشه. در صورتی که مشکل دارین در ساعات اداری میتونین با دفتر تماس بگیرین تا مشکلتون رو بتونیم بررسی و حل کنیم.
موفق و پیروز باشید