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

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

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

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

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

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

۱. استفاده از CSS: یکی از روش‌های ساده برای مخفی کردن دکمه ادامه خرید، استفاده از CSS است. شما می‌توانید با استفاده از یک کلاس یا آیدی خاص به دکمه مورد نظر سبک‌دهی کنید و آن را مخفی کنید. به طور مثال، با استفاده از کد زیر می‌توانید دکمه ادامه خرید را مخفی کنید:

.woocommerce-message .button {
display: none !important;
}

۲. استفاده از فیلترها و اکشن‌های ووکامرس: وردپرس و ووکامرس امکان استفاده از فیلترها و اکشن‌ها را برای تغییرات در قالب و عملکرد فروشگاه آنلاین فراهم می‌کنند. شما میتوانید از این قابلیتها برای مخفی کردن دکمه ادامه خرید استفاده کنید. به طور مثال با استفاده از یکی از کدهای زیر میتوانید این دکمه را مخفی کنید ، فقط کافیست یکی از کدهای زیر را داخل فایل فانکشن قالبتون قرار دهید:

function hide_checkout_button() {
    remove_action('woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout', 20);
}
add_action('init', 'hide_checkout_button');

add_filter('wc_add_to_cart_message_html','remove_continue_shoppping_button',10,2);

function remove_continue_shoppping_button($message, $products) {
    if (strpos($message, 'Continue shopping') !== false) {
        return preg_replace('/<a.*<\/a>/m','', $message);
    } else {
        return $message;
    }
}

روش های تغییر دکمه ادامه خرید در ووکامرس

در برخی موارد ممکن است که شما به دلایلی مایل باشید که کاربران را بجای صفحه فروشگاه به صفحه سبد خرید هدایت کنید ؛ برای این کار میتوانید از روش‌ های زیر استفاده کنید:

1. استفاده از افزونه‌ها: برخی افزونه‌ها و قالب‌ها امکان تغییر مقصد دکمه ادامه خرید را در صفحه سبد خرید ووکامرس فراهم می‌کنند. با نصب و فعال‌سازی یک افزونه مناسب ، میتوانید مقصد این دکمه را به صفحه دلخواه خود تغییر دهید.
   • WooCommerce Customizer: این افزونه به شما امکان میدهد تنظیمات مربوط به دکمه ادامه خرید و سبد خرید را به سادگی سفارشی کنید. شما میتوانید متن دکمه را تغییر دهید ، ظاهر و استایل آن را تغییر دهید و حتی لینک مقصد را نیز تغییر دهید.
   • YITH WooCommerce Customize My Account Page: این افزونه به شما امکان میدهد صفحه حساب کاربری ووکامرس را سفارشی کنید ، از جمله دکمه ادامه خرید در صفحه سبد خرید. شما میتوانید متن و مقصد دکمه را تغییر دهید و قابلیت‌ های دیگری را نیز به آن اضافه کنید.
   • Booster for WooCommerce: این افزونه مجموعه‌ ایی از ابزارهای سفارشی‌ سازی برای ووکامرس است که شامل تغییر دکمه ادامه خرید نیز میشود. با استفاده از این افزونه شما میتوانید متن و لینک دکمه را تغییر دهید و قابلیت‌های دیگری را نیز به آن اضافه کنید.

   • WooCommerce Button Customizer: این افزونه به شما امکان میدهد دکمه‌ های مختلف ووکامرس را سفارشی کنید ، از جمله دکمه ادامه خرید. شما میتوانید استایل ، اندازه ، رنگ و متن دکمه را تغییر دهید.

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

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

نتیجه گیری

در این مطلب سعی کردم روش‌ های مختلف مخفی کردن دکمه ادامه خرید و همچنین روش های تغییر مسیر دکمه ادامه خرید رو بهتون آموزش بدم تا بتونید به راحتی این امکان را به سایتتون اضافه کنید و نیازی به صرف هزینه در این زمینه نداشته باشید.

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