نحوه تنظیم عرض کامل صفحه محصول تم فروشگاه ووکامرس

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

این به این دلیل است که تنظیم قالب روی Full Width به طور موثر نوار کناری را پنهان می کند. این به این دلیل است که همه صفحات ووکامرس از قالب های افزونه ووکامرس استفاده می کنند. آنها از قالب های موجود در موضوع فروشگاه استفاده نمی کنند.

عرض کامل صفحه محصول ویترین فروشگاه ووکامرس

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

مراحل ساخت صفحه محصول ووکامرس با عرض کامل

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیریت به داشبورد دسترسی پیدا کنید.
• از منوی داشبورد، روی Appearance Menu > Theme Editor Menu کلیک کنید. هنگامی که صفحه ویرایشگر تم باز شد، به دنبال فایل توابع تم بگردید تا تابعی را اضافه کنید تا صفحه محصول ووکامرس را کامل کنید.
• کد زیر را به فایل function.php اضافه کنید:

add_action( 'wp', 'njengah_remove_sidebar_product_pages' );

function  njengah_remove_sidebar_product_pages() {
    if ( is_product() ) {
    remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10 );
  }
}

• همچنین، می‌توانید از تابع is_active_sidebar وردپرس برای حذف نوارهای کناری ووکامرس استفاده کنید:

/**

* Disable sidebar on product pages in WooCoomerce.

*

*/

function njengah_remove_sidebar( $is_active_sidebar, $index ) {

if( $index !== "sidebar-1" ) {

return $is_active_sidebar;

}

if( ! is_product() ) {

return $is_active_sidebar;

}

return false;

}

add_filter( 'is_active_sidebar', 'njengah_remove_sidebar', 10, 2 );

• این نتیجه خواهد بود:

کد چگونه کار می کند

اولین قطعه شامل یک اکشن هوک است که به رویداد “wp” اضافه شده است، و توابع callback آن از یک قلاب remove_action برای حذف تمام نوارهای جانبی در صفحات محصول استفاده می کند زیرا woocommerce_sidebar را مشخص می کند. این موثرترین راه برای حذف نوار کناری از صفحه محصول است.

قطعه دوم از یک قلاب فیلتر تشکیل شده است که بررسی می کند آیا نوار کناری با نمایه نوار کناری-1 وجود دارد، که می تواند برای مطابقت با هر شناسه/نام نوار کناری دیگر تغییر کند.

نتیجه

در این پست دو قطعه کد را به اشتراک گذاشته ام که می توانید از آنها برای حذف سایدبار از سایت وردپرس استفاده کنید. علاوه بر این، این راه حل ها صفحه محصول Storefront را به عرض کامل تنظیم می کنند. اگر شما یک توسعه دهنده وردپرس یا توسعه دهنده تم ووکامرس هستید، مطمئن هستم که نحوه عملکرد نوار کناری ووکامرس را درک کرده اید.