Cách ẩn woocommerce layout header trong admin của WordPress

Sáng nay có bạn hỏi mình làm sao để ẩn hay xoá được cái Woocommerce layout header trong admin của website khi vào phần sản phẩm và chỉnh sửa sản phẩm?

Cái này mình từng gặp và rất khó chịu, vì Woocommerce layout header nó che hết phần công cụ để chỉnh sửa (nhất là che mất cái thanh “Tuỳ chọn màn hình” và “Hỗ trợ”, đúng là rất khó chịu. Nên nay mình share cách dùng code ném vào function.php để ẩn nó (mình đã thử ẩn bằng cách custom CSS nhưng không chạy)

Và để ẩn Woocommerce layout header bạn thực hiện như sau:

Bước 1: Vào Admin của website, sau đó xuống menu Giao diện => bạn chọn Theme File Editor (chỉnh sửa giao diện)

Bước 2: Bạn chọn Theme mà bạn đang dùng (Child Theme) => bấm vào Function.php

Bước 3: Bạn chèn đoạn Code sau đây vào và bấm Cập nhật => Xong

//ẩn woocommerce-layout__header
add_action( 'admin_head', function() {
    echo '<style>
        .woocommerce-layout__header {
            display: none !important;
        }
    </style>';
});

Như vậy là xong, từ nay vào sản phẩm hay chỉnh sửa sản phẩm không bị cái Woocommerce layout header hiển thị khó chịu nữa