Product data tabs trong woocommerce là gì?

loading...

Product data tabs trong woocommerce chính là thanh chức năng hiển thị description của product, reviews..

Product data tabs la gi

Như thế nào để anh chị tùy biến thanh này, hôm nay tôi sẽ chia sẽ các code để làm việc này

  • Xóa tab:

add_filter( ‘woocommerce_product_tabs’, ‘woo_remove_product_tabs’, 98 );

function woo_remove_product_tabs( $tabs ) {

unset( $tabs[‘description’] ); // Xóa  tab description
unset( $tabs[‘reviews’] ); // Xóa tab reviews

return $tabs;

}

  • Thay đổi tên tab:

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

$tabs[‘description’][‘title’] = __( ‘Mô tả’ );
$tabs[‘reviews’][‘title’] = __( ‘Ý kiến khách hàng’ );

return $tabs;

}

  • Thay đổi thứ tự tab

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

$tabs[‘reviews’][‘priority’] = 5; // Tab Reviews ở vị trí đầu tiên thay vì ở vị trí thứ 2
$tabs[‘description’][‘priority’] = 10; // Tab Description ở vị trí 1

return $tabs;
}

  • Thêm tab vào thanh tab

Điều này thì hữu ích khi ta muốn thêm một tab để hiển thị các image của sản phẩm chẳn hạn

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

//thêm vào tab để chứa image sản phẩm

$tabs[‘image_sp’] = array(
‘title’ => __( ‘Hình ảnh sản phẩm’, ‘woocommerce’ ),
‘priority’ => 50,
‘callback’ => ‘function_lay_image_sp’
);

return $tabs;

}
function function_lay_image_spt() {

// Viết code lấy image của sản phẩm tại đây

}

  • Chỉ sửa tab hiện có của woocommerce

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

$tabs[‘description’][‘callback’] = ‘function_lam_viec_nay’; // hàm để thay đổi cách hiển thị description

return $tabs;
}

function function_lam_viec_nay() {
// viết code làm điều này tại đây
}

Hị vọng sẽ giúp được anh chị qua bài viết Product data tabs trong woocommerce là gì?

Từ khóa tìm kiếm trên google:

-Product data tabs trong woocommerce là gì?

-Thay đổi tabs description trong woocommerce

-Thay đổi tabs review trong woocommerce

-Thêm tabs mới vào thanh tabs woocommerce

Cập nhật bài viết mới qua Email


Theo dõi tôi
Đăng ký nhận tin mới
đăng ký nhận tin mới

Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress