حذف دکمه افزودن به سبد خرید و اضافه کردن دکمه مشاهده محصول در صفحه فروشگاه

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

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

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

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

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

این کد را باید به فایل functions.php قالب وردپرس سایت خود اضافه کنید:

// First, remove Add to Cart Button

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );

// Second, add View Product Button

add_action( 'woocommerce_after_shop_loop_item', 'bbloomer_view_product_button', 10 );

function bbloomer_view_product_button() {
global $product;
$link = $product->get_permalink();
echo '<a href="' . $link . '" class="button addtocartbutton">مشاهده محصول</a>';
}

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

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

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

• تغییر نام دکمه “افزودن به سبد خرید” اگر محصول از قبل در سبد خرید موجود باشد
• سفارشی سازی دکمه افزودن به سبد خرید در ووکامرس
• افزودن محتوا به صفحه سبد خرید خالی در ووکامرس
• تغییر آدرس دکمه “بازگشت به فروشگاه” در ووکامرس
• اضافه کردن محتوا به صفحه تشکر از خرید ووکامرس
• حذف کد تخفیف از صفحه پرداخت ووکامرس