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

اگر از تم 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 را به عرض کامل تنظیم می کنند. اگر شما یک توسعه دهنده وردپرس یا توسعه دهنده تم ووکامرس هستید، مطمئن هستم که نحوه عملکرد نوار کناری ووکامرس را درک کرده اید.

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


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

مهندس شبکه, امنیت, برنامه نویسی تلفن های هوشمند, طراح وب سایت و متخصص هوش مصنوعی

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

مقالات پیشنهادی

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...


۱۳۶
۰
۱۳ آذر ۱۳۹۹

اندروید

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


۱۱۲
۰
۲۹ آبان ۱۳۹۹

بک لینک چیست؟

بک لینک (Back Link) به لینک دادن یک سایت به سایت دیگر گفته میشود که یک فاکتور مهم و اساسی در سئو هر سایتی می باشد.


۹۲
۰
۲۲ آذر ۱۳۹۹

وردپرس

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


۹۰
۰
۱۳ آذر ۱۳۹۹