WooC Commerce ẩn Thông tin bổ sung CSS

Tab 'Thông tin bổ sung' dành cho sản phẩm cho phép bạn thêm thông tin bổ sung. Tuy nhiên, nếu bạn muốn xóa hoặc ẩn tab Thông tin bổ sung khỏi trang sản phẩm WooC Commerce thì sao? . Họ đang;

1. Ẩn tab thông tin bổ sung trong thương mại điện tử mà không cần plugin
2. Ẩn tab thông tin bổ sung trong thương mại điện tử bằng plugin

Vì vậy, chúng tôi mang đến cho bạn cả hai cách với các phương pháp đơn giản và thảo luận về chúng để hiểu rõ hơn

Hãy tìm hiểu một chút về lý do tại sao bạn cần ẩn điều đó khỏi trang Sản phẩm WooC Commerce

Tại sao bạn nên ẩn các tab thông tin bổ sung trong các trang sản phẩm WooC Commerce?

Sự cần thiết của tab Thông tin bổ sung đã được bù đắp do bổ sung tab tùy chỉnh. Plugin WooC Commerce có tab theo mặc định nhưng khi bạn thêm thông tin cụ thể bằng các tab khác, tab Thông tin bổ sung không cần thiết nữa. Hơn nữa, một tab bổ sung không có mục đích có thể gây khó chịu cho khách truy cập. Do đó, việc xóa hoặc ẩn trường thông tin bổ sung WooC Commerce đôi khi trở nên quan trọng

Ẩn các tab thông tin bổ sung trong trang sản phẩm WooC Commerce mà không cần plugin

Để ẩn các tab thông tin bổ sung trong trang sản phẩm WooC Commerce trên toàn cầu mà không cần plugin, bạn có thể sử dụng mã tùy chỉnh. Chúng tôi đang cung cấp mã bên dưới cùng với ghi chú đánh dấu để bạn có thể đảo ngược quy trình nếu cần.  

Truy cập Bảng điều khiển WordPress>Giao diện>Trình chỉnh sửa tệp chủ đề và tìm 'chức năng. php'. Sao chép mã và dán mã vào cuối dòng và bạn đã hoàn tất việc xóa tab Thông tin bổ sung

Thao tác rất đơn giản, nhưng nếu bạn không thể thực hiện được, chúng tôi mang đến cho bạn hình minh họa hướng dẫn từng bước ngay bên dưới Mã tùy chỉnh

Mã tùy chỉnh

// Remove the Additional Information Tab
add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {
    unset( $tabs['additional_information'] );  	// Remove the additional information tab

    return $tabs;
}

Quy trình xóa thông tin bổ sung

Chúng tôi đang sử dụng trang sản phẩm demo với một sản phẩm. Trong tab thông tin bổ sung, chúng tôi có một vài điều được đề cập. Và, chúng tôi sẽ bắt đầu mã cho WooC Commerce để ẩn thông tin bổ sung bằng cách sử dụng css để biến mất chúng

Chúng tôi sao chép mã vào 'chức năng. php' như đã đề cập ở trên và nhấn nút 'Cập nhật tệp'

Chúng tôi đã hoàn thành quá trình. Xem kết quả trong trang sản phẩm

Ẩn các tab Thông tin bổ sung khỏi trang sản phẩm WooC Commerce bằng plugin

Để ẩn tab Thông tin bổ sung trong trang sản phẩm WooC Commerce bằng plugin, bạn nên cài đặt một plugin. Vì vậy, hãy tải xuống một plugin có tên 'Xóa nội dung sản phẩm thương mại điện tử' và cài đặt plugin đó vào Bảng điều khiển WordPress>Plugin. kích hoạt nó.   

Xóa tab miễn phí nhưng có phiên bản pro với nhiều tùy chọn hơn

Bây giờ, hãy truy cập Bảng điều khiển WordPress>WooC Commerce>Xóa nội dung sản phẩm và chọn hộp bên cạnh 'Ẩn thông tin bổ sung' và nhấn nút cập nhật. Đợi một lúc để hoàn tất quy trình và kiểm tra trang sản phẩm của bạn. Bạn sẽ xóa trường thông tin bổ sung WooC Commerce khỏi trang sản phẩm

Cách ẩn tab thông tin bổ sung từ một trang sản phẩm cụ thể

Bạn có thể ẩn tab Thông tin bổ sung khỏi một trang sản phẩm cụ thể mà không cần bất kỳ mã hoặc plugin nào. Tất cả những gì bạn cần làm là xóa thông tin cho một số trường và tab sẽ tự động ẩn. Phương pháp này không thể áp dụng để xóa tab cho tất cả các trang sản phẩm cùng một lúc mà chỉ áp dụng cho từng trang riêng lẻ

Truy cập Bảng điều khiển WordPress>WooC Commerce>Tất cả sản phẩm. Mở bảng chỉnh sửa cho bất kỳ sản phẩm nào để tiếp tục

Cuộn xuống Dữ liệu sản phẩm và xóa tất cả thông tin cho Vận chuyển & Thuộc tính. Nhấn nút Lưu thuộc tính và cập nhật trang sản phẩm. Truy cập cửa hàng và sẽ không có tab Thông tin bổ sung nào hiển thị

Các bài viết khác liên quan đến WooC Commerce

Cách thêm các trường bổ sung trong biểu mẫu thanh toán WooC Commerce
Cách mở Liên kết điều khoản và điều kiện WooC Commerce trong một tab mới
Làm cách nào để xóa hoặc thêm hộp kiểm Điều khoản và điều kiện WooC Commerce tùy chỉnh?

Kết luận

Hy vọng bài viết này hữu ích để ẩn tab Thông tin bổ sung khỏi trang sản phẩm duy nhất của WooC Commerce. Theo cách tương tự, bạn cũng có thể xóa các tab khác bằng cách sử dụng mã hoặc plugin. Chia sẻ trải nghiệm của bạn bằng cách đặt nhận xét của bạn bên dưới và cách nó đã giúp

Câu hỏi thường gặp

Tab Thông tin bổ sung trong trang sản phẩm WooC Commerce là gì?

Tab Thông tin bổ sung chứa một số thông tin bổ sung về sản phẩm như màu sắc, trọng lượng, v.v. và thông tin vận chuyển. Bạn có thể thêm thông tin về loại sản phẩm, kích thước, v.v.

Việc ẩn tab Thông tin bổ sung trong trang sản phẩm WooC Commerce có quan trọng không?

Chà, điều quan trọng là phải xóa hoặc ẩn tab Thông tin bổ sung nếu bạn cung cấp tất cả các thông số kỹ thuật và chi tiết trong phần mô tả hoặc trong các tab khác. Tuy nhiên, nếu bạn muốn thêm một thông tin để làm nổi bật sản phẩm hơn, bạn có thể giữ lại thông tin đó

Làm cách nào để tùy chỉnh tab Thông tin bổ sung trong WooC Commerce?

Để tùy chỉnh tab Thông tin bổ sung trong trang sản phẩm WooC Commerce, bạn cần truy cập Bảng điều khiển WordPress>Sản phẩm>Tất cả sản phẩm. Trong phần Dữ liệu sản phẩm, bạn sẽ có Vận chuyển và Thuộc tính nơi bạn có thể thêm/xóa thông tin và tùy chỉnh chúng

Làm cách nào để xóa các tab khỏi trang sản phẩm WooC Commerce?

Có hai cách khác nhau để xóa tab khỏi trang sản phẩm WooC Commerce. Một là với plugin và một là sử dụng mã tùy chỉnh. Tôi đã làm theo cả hai cách nhưng sử dụng plugin sẽ thuận tiện hơn cho những người không phải là nhà phát triển