مدیریت تب های محصولات ووکامرس در قالب وردپرسی

تابع wpkomak_remove_product_tabs از سه بخش تشکیل شده که هر خط اون برای حذف یک تب هست که به صورت کامنت جلوی هرکدام نوشته ایم.

اون خطی را قرار بدید در کدتون ، که میخواهید تب آن حذف شود.

نحوه تغییر نام تب های ووکامرس

کد زیر را مشاهده کنید :

add_filter( ‘woocommerce_product_tabs’, ‘wpkomak_rename_tabs’, 98 );
function wpkomak_rename_tabs( $tabs ) {

$tabs[‘description’][‘title’] = __( ‘More Information’ ); // تغییر نام تب توضیحات
$tabs[‘reviews’][‘title’] = __( ‘Ratings’ ); // تغییر نام تب نظرات
$tabs[‘additional_information’][‘title’] = __( ‘Product Data’ ); // تغییر نام تب اطلاعات اضافی

return $tabs;

}

شما بایستی به جای More Information ، Ratings و Product Data کلمات مورد نظر خود را قرار دهید و کد را در چایلد تم خود بگذارید.

نحوه تغییر ترتیب تب های ووکامرس

کد زیر را مشاهده کنید :

add_filter( ‘woocommerce_product_tabs’, ‘wpkomak_reorder_tabs’, 98 );
function wpkomak_reorder_tabs( $tabs ) {

$tabs[‘reviews’][‘priority’] = 5; // ابتدا نظرات
$tabs[‘description’][‘priority’] = 10; // سپس تب توضیحات
$tabs[‘additional_information’][‘priority’] = 15; // ودر اخر تب اطلاعات اضافی

return $tabs;
}

ما در این جا سه عدد ۵ ، ۱۰ و ۱۵ را داریم که به ترتیب دارای بیشترین اولویت ، متوسط و کمترین اولویت هست . شما میتوانید هر عدد را به تب مورد نظر خودتون نسبت دهید و آن را جا به جا کنید.

اضافه کردن یک تب اختصاصی به محصولات

کد زیر را مشاهده کنید و در کامنت ها و ادامه توضیح خواهیم داد:

add_filter( ‘woocommerce_product_tabs’, ‘wpkomak_new_product_tab’ );
function wpkomak_new_product_tab( $tabs ) {

// اضافه کردن یک تب جدید

$tabs[‘test_tab’] = array(
‘title’ => __( ‘New Product Tab’, ‘woocommerce’ ),
‘priority’ => 50,
‘callback’ => ‘wpkomak_new_product_tab_content’
);

return $tabs;

}
function wpkomak_new_product_tab_content() {

// محتوای تب جدید

echo ‘

New Product Tab

’;
echo ‘

Here\’s your new product tab.

’;

}

ما در ابتدا بایستی تب را تعریف کنیم ، در بخش title ، تیتر تب موردنظرمون رو مینویسیم ، در بخش priority ، اولویت نمایش را تعریف میکنیم و در بخش callback بایستی نام تابعی را که میخواهیم حین باز شدن تب نمایش دهد را وارد کنیم.

سپس یک تابع به نام wpkomak_new_product_tab_content که در قبل تعریف کرده ایم میسازیم و محتوای خودمان را در داخل آن قرار میدهیم .

نحوه اضافه کردن آیکن به بعد یا قبل نام هر تب

شما برای انجام تغییرات در این بخش بایستی از CSS استفاده کنید و آیکن خود را به قبل و یا بعد ID اون تب اضافه کنید ، به مانند زیر :

#tab-title-description > a:before {
content: “YOUR ICON UNICODE”;
}

#tab-title-additional_information > a:before {
content: “YOUR ICON UNICODE”;
}

#tab-title-reviews > a:before {
content: “YOUR ICON UNICODE”;
}

شما برای اضافه کردن به قبل نام بایستی از دستور before استفاده کنید و برای اضافه کردن به بعد آن باید از after  استفاده کنید.

منظور از YOUR ICON UNICODE یک کدی هست به این فرمت “\e955” که هر آیکن برای هر فونتی آن را دارا می باشد.

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