Xoá tab Thông tin bổ sung trong WooCommerce

Ngày đăng: 08 - 04 - 2020 Lượt xem: 875 lượt

Khi bạn thêm các sản phẩm có biến thể, như là màu sắc, kích thước,… thì khi hiển thị sản phẩm ngoài trang chủ sẽ xuất hiện một tab có tên là Thông tin bổ sung để hiển thị các thông tin này. Tuy nhiên tab này sẽ chỉ hiển thị những thông tin biến thể của sản phẩm, chứ không có gì khác. Vì thế nhiều người sẽ thấy khó chịu với cái Tab này. Chẳng hạn như ở hình dưới.

Xoá tab Thông tin bổ sung trong WooCommerce

Nếu bạn muốn bỏ Tab này đi thì cũng dễ, sau đây mình sẽ hướng dẫn bạn bỏ Tab Thông tin bổ sung đi với 2 cách.

Cách đầu tiên là dùng CSS để ẩn cái Tab này đi, không cho nó hiện ra nữa. Bạn dán đoạn CSS sau vào file style.css của Child theme:

/* Hide the additional information tab */
li.additional_information_tab {
    display: none !important;
}

Tuy nhiên, việc sử dụng CSS mặc dù cũng có hiệu quả đó, nhưng thực sự thì nội dung của Tab vẫn được Website load lên, chỉ là CSS không nó không được hiển thị ra ngoài thôi. Do đó, mình nên dùng PHP, để hệ thống không load thông tin này từ cơ sở dữ liệu lên luôn. Chính vì lẽ đó, mình sẽ sử dụng PHP sẽ giúp bớt chút công việc cho website.

Để dùng PHP, bạn thêm đoạn code sau vào file function.php của Child theme:

function kenthan_remove_product_tabs( $tabs ) {
unset( $tabs['additional_information'] );
return $tabs;
}
add_filter( 'woocommerce_product_tabs', 'kenthan_remove_product_tabs', 98 );

Như vậy là được rồi, bây giờ bạn có thể ra ngoài để xem thành quả của mình. Tab Thông tin bổ sung cũng như dữ liệu của nó đã được loại bỏ hoàn toàn.

0 0 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Làm thế nào để ẩn nút Thêm vào giỏ hàng hoặc Giá của WooCommerce cho người dùng chưa đăng nhập?

Làm thế nào để ẩn nút Thêm vào giỏ hàng hoặc Giá của WooCommerce cho người dùng chưa đăng nhập?

04 - 11 - 2021

Mình sẽ hướng dẫn cách ẩn nút Thêm vào giỏ hàng hoặc Giá sản phẩm của WooCommerce có điều...

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong trang danh sách sản phẩm

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong trang danh sách sản phẩm

19 - 10 - 2021

Cách thêm tùy chọn số lượng sản phẩm WooCommerce trong các trang danh sách sản phẩm Đã có một vài...

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

Hợp nhất giỏ hàng WooCommerce và trang thanh toán chỉ với 4 bước đơn giản.

29 - 09 - 2021

Làm thế nào để hợp nhất giỏ hàng WooCommerce với trang thanh toán? Một số người rất cần hợp nhất...

Hiển thị danh mục sản phẩm woocommerce

Hiển thị danh mục sản phẩm woocommerce

08 - 06 - 2021

Hiển thị danh mục sản phẩm woocommerce như thế nào? Chắc hẳn đôi khi chúng ta muốn tùy chỉnh...

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

Hiển thị Star Ratings bên dưới giá sản phẩm Woocommerce

05 - 06 - 2021

Cách hiển thị star rating woocommerce như thế nào ? Trở ngại lớn nhất với các website bán hàng trực...

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

Hiển thị ngày dự kiến ​​giao hàng trên trang Sản phẩm

27 - 04 - 2021

Ngày dự kiến sản phẩm woocommerce như thế nào? Vd thứ Hai trước 16:00 – đoạn mã này được in...

0
Would love your thoughts, please comment.x
()
x