نماد سایت بیگ تم

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

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

/*
* Add a new custom product tab.
* woo_new_product_tab() register the new custom tab.
* woo_new_product_tab_content() outputs the tab content.
*/
add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
function woo_new_product_tab( $tabs ) {
// Adds the new tab
$tabs['test_tab'] = array(
'title'     => __( 'New Product Tab', 'woocommerce' ),
'priority'  => 50,
'callback'  => 'woo_new_product_tab_content'
);
return $tabs;
}
function woo_new_product_tab_content() {
// The new tab content
echo '<h2>New Product Tab</h2>';
echo '<p>Here\'s your new product tab.</p>';
}

توضیح کد فوق :
همانطور که در بالا توضیح داده شد این قطعه کد برای افزودن یک تب سفارشی به تب های تنظیمات محصولات فروشگاه ووکامرس است.
در این کد تابع woo_new_product_tab برای افزودن یک تب تخصصی استفاده میشود که قسمت هایی از کد که در توابع به رنگ آبی هستند را میتوانید تغییر دهید یعنی نام های آن را تعویض نمائید.قسمت priority برای مشخص کردن الویت تب اضافه شده و قسمت title برای عنوان تب است.
تابع woo_new_product_tab_content برای حالت خروجی این قطعه کد است یعنی مقادیر تب افزوده شده را مشخص مینماید.
دستور echo برای نمایش رشته ها در خروجی است.

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

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

خروج از نسخه موبایل