Cách ẩn thanh header chỉnh sửa sản phẩm WooCommerce

Ở phiên bản WooCommerce mới thật điên rồ khi họ cố định thanh header như ảnh dưới đây, nó làm che đi thanh công cụ soạn thảo của người dùng, trong bài này mình share 1 đoạn code đơn giản để bạn ẩn ngay cái header vô dụng của WooCommerce ngay đi

Bạn có thể thêm code dưới đây vào file functions.php để ẩn thanh header chỉnh sửa sản phẩm trong WooCommerce nhé.

add_action('admin_head', 'tnd_an_header_woo');
function tnd_an_header_woo(){?>
    <style>
        .woocommerce-layout__header.is-scrolled {
            display: none!important;
        }
    </style>
<?php }

add_action('admin_head', 'tnd_an_header_woo');
function tnd_an_header_woo(){?>
    <style>
        .woocommerce-layout__header.is-scrolled {
            display: none!important;
        }
    </style>
<?php }

Nếu bạn gặp khó khăn trong chỉnh sửa hoặc muốn phát triển tính năng riêng cho website thì có thể tham khảo dịch vụ bảo trì - phát triển tính năng website wordpress tại TNDigi nhé!

Mình tự học - tìm hiểu - nghiên cứu và làm việc với WordPress được khoảng thời gian nhất định nên lên serial chia sẻ những gì mà mình từng gặp qua. Sẽ có nhiều thiếu sót nên nếu như có chổ nào chưa đúng hay chưa hoạt động được bạn contact với mình để hoàn thiện hơn.

Ghi chú quan trọng:
Cách tuỳ biến không cần can thiệp vào CODE mà sử dụng hook (nếu chưa có trong hướng dẫn) sẽ được mình sớm cập nhật!

Kênh Zalo hỗ trợ miễn phí. Chúc bạn áp dụng thành công!