Sau nhiều bản cập nhật gần đây của Woocommerce, cha đẻ của Woocommere đã thêm phần Woocommere header trên tất cả các trang quản lý sản phẩm của mình. Phần này tuy có vẻ rất hữu ích đối với người dùng, nhưng thực sự theo trải nghiệm của mình, nó chả có tác dụng gì hay ho mà chỉ làm tốn thêm không gian của trang quản trị. Do đó, hôm nay mình viết bài này để hướng dẫn các bạn loại bỏ nó. Nào bắt đầu thôi.
Chúng ta sẽ mở tập tin functions.php của giao diện mà bạn đang sử dụng, sau đó thêm đoạn code này vào:
// Xóa bỏ Header của Woocommerce trong trang quản trị WordPress
add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');
function Hide_WooCommerce_Breadcrumb() {
echo '<style>
.woocommerce-layout__header {
display: none;
}
.woocommerce-layout__activity-panel-tabs {
display: none;
}
.woocommerce-layout__header-breadcrumbs {
display: none;
}
.woocommerce-embed-page .woocommerce-layout__primary{
display: none;
}
.woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links{top:0;}
</style>';
}
Sau đó lưu lại để kiểm tra kết quả nhé.
Chúc các bạn thành công.
