Thủ thuật wordpress

Cách Thêm Cột Hiển Thị ID Danh Mục Sản Phẩm Trong WooCommerce – Hướng Dẫn Chi Tiết

Đăng vào Tháng 9 27, 2024Tháng 9 27, 2024 bởi admin

admin

27/09/2024

5 Phút đọc

189 Lượt xem

Đánh giá

4.5/5 - (100 bình chọn)

Bạn đang quản lý cửa hàng WooCommerce và muốn hiển thị ID của danh mục sản phẩm trong trang quản lý danh mục? Thêm cột hiển thị ID giúp bạn dễ dàng theo dõi và sử dụng ID danh mục khi cấu hình sản phẩm, áp dụng mã giảm giá, hoặc tinh chỉnh hiển thị trên website. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách thêm cột hiển thị ID danh mục sản phẩm vào trang danh sách danh mục trong WooCommerce bằng cách chỉnh sửa file functions.php.

Cach Them Cot Hien Thi ID Danh Muc San Pham Trong WooCommerce

Lợi Ích Của Việc Hiển Thị ID Danh Mục Sản Phẩm

Quản lý dễ dàng hơn: Hiển thị ID giúp bạn nhanh chóng xác định và quản lý các danh mục sản phẩm.
Tùy chỉnh linh hoạt: Hỗ trợ trong việc viết code tùy chỉnh, ví dụ như khi cần giới hạn mã giảm giá cho một số danh mục cụ thể.
Tiết kiệm thời gian: Không cần phải mở từng danh mục để xem ID, tất cả đều hiển thị rõ ràng trên bảng quản trị.

Hướng Dẫn Thêm Cột Hiển Thị ID Danh Mục Trong WooCommerce

Bước 1: Mở File `functions.php` của Theme Con

Truy cập vào thư mục theme của bạn (wp-content/themes/your-child-theme).
Tìm và mở file functions.php. Nếu bạn đang sử dụng theme chính, hãy tạo theme con trước để tránh mất dữ liệu khi cập nhật.

Bước 2: Thêm Đoạn Mã Vào `functions.php`

Sao chép và dán đoạn mã sau vào cuối file functions.php:

// Thêm cột ID vào trang danh mục sản phẩm
add_filter('manage_edit-product_cat_columns', 'add_product_cat_id_column');

function add_product_cat_id_column($columns) {
    $columns['product_cat_id'] = 'ID'; // Thêm cột ID vào danh sách
    return $columns;
}

// Hiển thị ID trong cột vừa thêm
add_filter('manage_product_cat_custom_column', 'show_product_cat_id_column', 10, 3);

function show_product_cat_id_column($content, $column_name, $term_id) {
    if ($column_name === 'product_cat_id') {
        $content = $term_id; // Lấy ID của danh mục sản phẩm
    }
    return $content;
}

// Thêm CSS để căn giữa cột ID
add_action('admin_head', 'style_product_cat_id_column');

function style_product_cat_id_column() {
    echo '<style>
        .column-product_cat_id {
            width: 60px;
            text-align: center;
        }
    </style>';
}

// Thêm cột ID vào trang danh mục sản phẩm

add_filter('manage_edit-product_cat_columns', 'add_product_cat_id_column');

function add_product_cat_id_column($columns) {

$columns['product_cat_id'] = 'ID'; // Thêm cột ID vào danh sách

return $columns;

}

// Hiển thị ID trong cột vừa thêm

add_filter('manage_product_cat_custom_column', 'show_product_cat_id_column', 10, 3);

function show_product_cat_id_column($content, $column_name, $term_id) {

if ($column_name === 'product_cat_id') {

$content = $term_id; // Lấy ID của danh mục sản phẩm

}

return $content;

}

// Thêm CSS để căn giữa cột ID

add_action('admin_head', 'style_product_cat_id_column');

function style_product_cat_id_column() {

echo '<style>

.column-product_cat_id {

width: 60px;

text-align: center;

}

</style>';

}

Bước 3: Kiểm Tra Kết Quả

Truy cập trang quản lý danh mục sản phẩm (/edit-tags.php?taxonomy=product_cat&post_type=product).
Bạn sẽ thấy một cột mới có tên “ID” hiển thị ID của từng danh mục sản phẩm.

Cách Thức Hoạt Động Của Đoạn Mã

Thêm cột mới: Sử dụng hook manage_edit-product_cat_columns để thêm một cột vào trang danh mục sản phẩm.
Hiển thị ID: Sử dụng hook manage_product_cat_custom_column để lấy và hiển thị ID của từng danh mục trong cột mới.
Định dạng cột: CSS giúp cột ID được căn giữa và định dạng phù hợp.

Lưu Ý

Nên thực hiện thay đổi này trên theme con (child theme) để tránh mất dữ liệu khi cập nhật theme chính.
Sao lưu file functions.php trước khi chỉnh sửa để tránh lỗi khi thực hiện.

Việc hiển thị ID danh mục sản phẩm ngay trong trang quản lý WooCommerce sẽ giúp bạn quản lý danh mục hiệu quả hơn, đặc biệt hữu ích khi bạn cần ID để sử dụng cho các thao tác tùy chỉnh nâng cao. Hy vọng bài viết này giúp bạn thực hiện dễ dàng!

Nếu bạn có thắc mắc hoặc cần thêm hướng dẫn về WooCommerce, hãy để lại bình luận bên dưới. Chúng tôi sẽ hỗ trợ bạn nhanh chóng.

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

Hướng dẫn cách Chặn Index Subpages Trong WordPress Để Tối Ưu SEO

Trong quá trình làm SEO cho website WordPress, việc để các subpages (trang con của phân trang) bị Google index có thể gây ra vấn...
Hướng dẫn tạo tài khoản Admin WordPress thông qua theme

Vì một lý do nào đó, bạn có thể bị mất quyền truy cập vào tài khoản Admin WordPress của mình. Nếu không am hiểu...
Sharecode Hướng Dẫn Tạo Shortcode Kiểm Tra Đơn Hàng Trong WordPress

Nếu bạn đang sử dụng WooCommerce và muốn khách hàng dễ dàng kiểm tra trạng thái đơn hàng của họ ngay trên website, hãy sử...
Hướng dẫn code chức năng xem đủ thời gian để hiển thị nội dung trong wordpress

Mục LụcLợi Ích Của Việc Hiển Thị ID Danh Mục Sản PhẩmHướng Dẫn Thêm Cột Hiển Thị ID Danh Mục Trong WooCommerceCách Thức Hoạt Động...
Hướng Dẫn Tạo Chức Năng Gửi Link Tải Về Qua Email Trong WordPress

Trong bài viết này, chúng ta sẽ xây dựng một chức năng cho phép người dùng tải về một file hoặc tài liệu sau khi...
Loại bỏ Akismet CSS để tăng tốc độ load

Gần đây, Akismet đã âm thầm chèn một đoạn CSS trực tiếp vào mã HTML của WordPress nhằm hỗ trợ hiển thị widget thống kê...
Hướng Dẫn Bảo Mật Trang Quản Trị WordPress Bằng Popup Mã Bảo Mật

Trang quản trị WordPress (WP-Admin) là mục tiêu hàng đầu của các cuộc tấn công Brute Force, khiến website dễ bị xâm nhập. Để bảo...
Hướng dẫn làm menu đa cấp cho Flatsome

Hôm nay MUATHEMEGIAGIE sẽ Hướng dẫn làm menu đa cấp cho Flatsome, css cho menu có đa cấp trong flatsome dạng dọc: Thêm css sau...
Hướng dẫn chi tiết cách thêm nút Like và Share Facebook cho website WordPress

Việc tạo nút Like và Share Facebook cho WordPress là cách hiệu quả giúp tăng tương tác, cải thiện trải nghiệm người dùng và hỗ...
Hướng Dẫn Tạo Tính Năng “Sản Phẩm Đã Xem” Cho Flatsome & Tất Cả Các Theme WordPress

Mục LụcLợi Ích Của Việc Hiển Thị ID Danh Mục Sản PhẩmHướng Dẫn Thêm Cột Hiển Thị ID Danh Mục Trong WooCommerceCách Thức Hoạt Động...
Sharecode cách code chống spam đơn hàng bằng OTP gmail vào WooCommerce

Bạn đã bao giờ gặp tình trạng đơn hàng ảo xuất hiện tràn lan trên WooCommerce chưa? Bạn đau đầu vì những đơn hàng spam...
Cách Ẩn Tab Downloads Trong My Account Của WooCommerce Một Cách Gọn Gàng

Mục LụcLợi Ích Của Việc Hiển Thị ID Danh Mục Sản PhẩmHướng Dẫn Thêm Cột Hiển Thị ID Danh Mục Trong WooCommerceCách Thức Hoạt Động...
Share code Header top đơn giản

Share code Header top đơn giản dành cho các bạn mới nhé. Code header này để dùng hiển thị các thông tin như liên hệ,...
Cách chèn thêm sản phẩm vào trong bài viết wordpress giống levantoan

Mục LụcLợi Ích Của Việc Hiển Thị ID Danh Mục Sản PhẩmHướng Dẫn Thêm Cột Hiển Thị ID Danh Mục Trong WooCommerceCách Thức Hoạt Động...
Sharecode cách Chuyển 0đ hoặc không điền thành chữ “Liên hệ”

Nếu bạn đang quản lý một cửa hàng trực tuyến với WooCommerce và muốn thay thế giá trị “0đ” bằng chữ “Liên hệ” cho những...
Thủ thuật wordpress – Code thêm nút Edit nhanh cho Admin trên Mobile WordPress

Nếu bạn là một quản trị viên của website WordPress và đang tìm kiếm cách code thêm nút Edit nhanh cho Admin trên Mobile WordPress...