Hướng dẫn loại bỏ tính năng Showing all x results/ Showing the single result trong WooCommerce.
Trong bài viết hôm trước, tôi đã hướng dẫn cho các bạn cách loại bỏ tính năng sắp xếp sản phẩm trong WooCommerce rồi phải không nào? Nằm ngay cạnh bên nó là dòng chữ “Show all x results” hoặc “Showing the single result” (tùy trường hợp với “x” là một con số tùy biến). Nếu bạn cũng đang tìm cách để loại bỏ dòng chữ này cho bớt chướng tai gai mắt vì cho rằng nó không thật sự cần thiết thì ngay sau đây là hướng dẫn chi tiết.
Tham khảo thêm:
Loại bỏ tính năng Showing all x results trong WooCommerce nói chung
Thêm đoạn code sau đây vào file functions.php của theme (hoặc child theme) mà bạn đang sử dụng. Bạn cũng có thể chèn nó thông qua plugin Code Snippets.
| remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 ); |
Lưu lại, xóa cache web (nếu bạn có sử dụng plugin tạo cache) và kiểm tra kết quả.
Loại bỏ tính năng Showing all x results trong theme Storefront
Nếu bạn sử dụng theme Storefront (giống hệ thống WP Shop của WP Căn bản), hãy thay thế đoạn code bên trên bằng code sau đây:
| add_action( 'init', 'wpcb_delay_remove_result_count' ); | |
| function wpcb_delay_remove_result_count() { | |
| remove_action( 'woocommerce_after_shop_loop', 'woocommerce_result_count', 20 ); | |
| remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 ); | |
| } |
Lưu lại, xóa cache web (nếu bạn có sử dụng plugin tạo cache) và kiểm tra kết quả.
Tính năng “Show all x results” của WooCommerce đã hoàn toàn biến mất không dấu vết. Thật đơn giản phải không nào? Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Thanks bác Hiếu, bữa giờ mình cứ display none nó rất nặng cho source
Dùng CSS để ẩn thì nó chỉ không hiển thị với người dùng thôi, chứ thực tế trình duyệt web vẫn phải tải chức năng đó mà. :D
Cám ơn bạn, bài viết rât hữu ích
E dùng flatsome sao vẫn không mất dòng đó bác nhỉ
Bạn đã thử cả 2 code rồi vẫn không được? Đã xóa cache web sau khi chèn chưa? Có đảm bảo là chèn code đúng vị trí không?
E đã thử cả 2 code, chèn vào file functions.php, đã xóa cache nhưng vẫn không được bác à.
Bạn thử chèn thông qua plugin Code Snippets xem.
ok bác!
Chào bạn. Mình đang gặp vấn đề tương tự không biết bạn fix được chưa. Nếu được chia sẻ cho mình cách fix với nhé. phatpx2611@gmail.com
theme Flatsome thì bác xem bài này nhé
https://woovn.com/cac-doan-code-huu-ich-cho-theme-flatsome
Mình test thử trên Woocommerce của Theme Flatsome không hiệu quả :(
Bên trên có người comment trả lời rồi đấy bác. :))