Hướng dẫn xóa các tab WooCommerce khỏi trang sản phẩm

Có nhiều dự án bạn muốn xóa các tab WooCommerce khỏi trang sản phẩm, nhưng lại không biết phải làm như thế nào. Thì trong bài viết này Hoàng PM sẽ hướng bạn cách xóa bằng cách thêm funtion vào file function.php của theme nhé.

Xóa tab mô tả

Trong một vài trường hợp bạn cần remove thông tin mô ta, không cần hiển thị thì bạn chỉ cần bỏ đoạn code sau vào file functions.php của theme bạn đang xài là được.

add_filter( 'woocommerce_product_tabs', 'my_remove_description_tab', 11 );
 
function my_remove_description_tab( $tabs ) {
  unset( $tabs['description'] );
  return $tabs;
}

Với đoạn unset( $tabs[‘description’] );   sẽ xóa tab và không cho hiển thị

Xóa tab đánh giá

Thêm đoạn code sau vào file functions.php của theme bạn đang xài

add_filter( 'woocommerce_product_tabs', 'my_remove_reviews_tab' );
 
function my_remove_reviews_tab( $tabs ) {
  unset( $tabs['reviews'] );
  return $tabs;
}

Xóa tất cả các tab khỏi trang sản phẩm WooC Commerce

Để xóa hết các tabs bạn cần code sau vào file functions.php của theme bạn đang xài

/**
 * Remove product page tabs
 */
add_filter( 'woocommerce_product_tabs', 'my_remove_all_product_tabs', 98 );
 
function my_remove_all_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;
}

với bài trên , mỗi lần muốn xóa 1 tabs nào đó ta chỉ cần thêm unset vào trước trường đó là xong nhé.

Kết luận

Vậy là chỉ với vài dòng code đơn giản thì bạn có thể ẩn hiện các tab trong trang sản phẩm theo ý mình rồi. Nếu có vấn đề gì khi thực hiện thì cứ nhắn Hoàng PM hỗ trợ nhé