آموزش کدهای وردپرس, ووکامرس

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

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

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

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

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

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

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

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

این کد را باید به فایل 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>';
}

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

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

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

(5) نظرات کاربران

  1. اصلانی گفت:

    سلام و دورد چطور میشه براش آیکون گذاشت؟ طوری که وقتی هاور میشه مشاهده محصول نمایش داده بشه

  2. علی گفت:

    سلام ممنون کد کار میکنه ، فقط 1 موردی ، چطوری میشه به این دکمه جدید استایل داد ؟

    1. سلام وقت بخیر
      در قسمت نمایش » سفارشی سازی » css اضافی میتونید css دلخواه رو برای تغییر دکمه وارد کنید.

      1. فاطمه گفت:

        سلام وقتتون بخیر

        امکانش هست بجای تمام‌اینها یهو بره برای پرداخت ؟

        یعنی افزودن و مشاهده سبد خرید و … نیاد یه راست بره پرداخت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *