آموزش ووکامرس, ووکامرس

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

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

آیا قصد مخفی کردن آیکون سبد خرید هنگام خالی بودن آن در ووکامرس را دارید؟

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

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

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

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

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

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

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

برای پنهان کردن کردن آیکون سبد خرید در هنگام خالی بودن آن مراحل زیر را دنبال کنید:

در اولین مرحله شما باید نام کلاس CSS آیکون سبد خرید سایت خود را پیدا کنید.

برای اینکار بر روی آیکون سبد خرید کلیک راست کنید و با استفاده از ابزار Inspect کلاس CSS آیکون سبد خرید را پیدا کنید.

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

توجه: تصویر بالا فقط یک مثال است و کلاس CSS آیکون سبد خرید سایت با توجه به قالب وردپرس مورد استفاده شما متفاوت است.

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

نام کلاس CSS شما که در مرحله 1 پیدا کردید در قطعه کد زیر، باید جایگزین CLASS_NAME شود.

// Hide WooCommerce Cart Icon When Empty
add_action( 'wp_footer', function() {
if ( WC()->cart->is_empty() ) {
echo '<style type="text/css">CLASS_NAME{ display: none; }</style>';
}
});

اکنون همه چیز آماده است و باید قطعه کد بالا را بعد از اینکه کلاس آیکون سبد خرید را در آن جایگزین CLASS_NAME کردید، به فایل functions.php قالب وردپرس خود اضافه کنید.

این تمام کاری بود که باید برای مخفی کردن آیکون سبد خرید وقتی که خالی است ، انجام می دادید!

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

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

5/5 - (5 امتیاز)

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

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