Hướng dẫn Thêm / Thay đổi tabs sản phẩm của WooCommerce

Thêm đoạn code này vào cuối file functions.php:

Xoá tab bất kỳ

Sử dụng đoạn mã sau để xóa các tab cụ thể

-/**
- * Remove product data tabs
- */
-add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
-function woo_remove_product_tabs( $tabs ) {
-    unset( $tabs['description'] );      	// Remove the description tab
-    unset( $tabs['reviews'] ); 			// Remove the reviews tab
-    unset( $tabs['additional_information'] );  	// Remove the additional information tab
-    return $tabs;
-}

view raw wc-remove-tabs.php hosted with ❤ by GitHub

Sử dụng đoạn mã sau để đổi tên tab.

	/**
	* Rename product data tabs
	*/
	add_filter( 'woocommerce_product_tabs', 'woo_rename_tabs', 98 );
	function woo_rename_tabs( $tabs ) {

	$tabs['description']['title'] = __( 'More Information' ); // Rename the description tab
	$tabs['reviews']['title'] = __( 'Ratings' ); // Rename the reviews tab
	$tabs['additional_information']['title'] = __( 'Product Data' ); // Rename the additional information tab

	return $tabs;

	}

view raw wc-rename-tabs.php hosted with ❤ by GitHub

Sử dụng đoạn mã sau để thay đổi thứ tự tab

	/**
	* Reorder product data tabs
	*/
	add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
	function woo_reorder_tabs( $tabs ) {

	$tabs['reviews']['priority'] = 5; // Reviews first
	$tabs['description']['priority'] = 10; // Description second
	$tabs['additional_information']['priority'] = 15; // Additional information third

	return $tabs;
	}

Đoạn mã sau sẽ thay thế tab mô tả bằng chức năng tùy chỉnh

	/**
	* Customize product data tabs
	*/
	add_filter( 'woocommerce_product_tabs', 'woo_custom_description_tab', 98 );
	function woo_custom_description_tab( $tabs ) {

	$tabs['description']['callback'] = 'woo_custom_description_tab_content'; // Custom description callback

	return $tabs;
	}

	function woo_custom_description_tab_content() {
	echo '<h2>Custom Description</h2>';
	echo '<p>Here\'s a custom description</p>';
	}

view raw wc-custom-tab.php hosted with ❤ by GitHub

Sử dụng đoạn mã sau để thêm tab sản phẩm toàn cầu tùy chỉnh

	/**
	* Add a custom product data tab
	*/
	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>';

	}