Loại bỏ tính năng sắp xếp sản phẩm (Product Sorting/ Default Sorting/ Sorting Dropdown) khỏi các trang lưu trữ (cửa hàng, danh mục…) của WooCommerce.
Sắp xếp sản phẩm (product sorting) là một tính năng khá hữu ích trong WooCommerce, giúp khách hàng của bạn có thể sắp xếp danh sách sản phẩm theo giá (từ thấp đến cao, từ cao đến thấp), theo mức độ phổ biến và theo thời gian cập nhật. Với tính năng này, khách hàng có thể dễ dàng tìm thấy sản phẩm mà họ mong muốn trong trường hợp website có quá nhiều sản phẩm được hiển thị. Tuy nhiên, nếu website của bạn chỉ có một số ít sản phẩm thì tính năng sắp xếp sản phẩm không thực sự cần thiết.
Tham khảo thêm:
- Tích hợp thanh toán quét mã QR cho WooCommerce
- Loại bỏ chữ product và product-category trong WooCommerce
Làm thế nào để loại bỏ nó, giúp trang hiển thị danh sách sản phẩm của bạn trở nên gọn gàng hơn? Ngay sau đây là hướng dẫn chi tiết.
Đối với theme Paradise
1. Hãy cập nhật theme Paradise lên phiên bản 6.7.7 hoặc mới hơn.
2. Truy cập Giao diện => Tùy biến => Thiết lập giao diện => Tối ưu trải nghiệm => Chuyển mục Loại bỏ tính năng sắp xếp sản phẩm sang trạng thái Có rồi lưu lại.
Đối với các theme khác
Các bạn có thể áp dụng 1 trong 2 cách sau đây, tùy theo theme đang sử dụng:
Loại bỏ tính năng sắp xếp sản phẩm 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_catalog_ordering', 30 );
Lưu lại, xóa cache website (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 sắp xếp sản phẩm trong theme Storefront
Nếu bạn sử dụng theme Storefront (do WooCommerce trực tiếp phát triển), hãy thay thế đoạn code bên trên bằng code sau đây:
add_action( 'init', 'wpcb_remove_default_sorting_storefront' );
function wpcb_remove_default_sorting_storefront() {
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}
Lưu lại, xóa cache website (nếu bạn có sử dụng plugin tạo cache) và kiểm tra kết quả.
Tính năng sắp xếp sản phẩm của WooCommerce đã hoàn toàn biến mất. Thật đơn giản phải không nào? Chúc các bạn thành công!
Bạn biết giải pháp khác đơn giản và hiệu quả hơn giúp loại bỏ tính năng sắp xếp sản phẩm (Product Sorting/ Default Sorting/ Sorting Dropdown) khỏi các trang lưu trữ (cửa hàng, danh mục…) của WooCommerce? Hãy chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy theo dõi 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 nhé. Cảm ơn rất nhiều. :)
Hiếu ơi, mình có dùng Generater Block và không thể sử dụng được tính năng random post. Bạn có xử lý vụ này bao giờ chưa?
Mình có dùng Generate Blocks nhưng không dùng tính năng đó bạn ạ. Bạn thử kiểm tra lại xem liệu có phải tính năng đó cần có bản Pro (trả phí) mới sử dụng được không? Mình xem qua trong trang hỗ trợ của Generate Blocks thấy nhiều người hỏi về Query Loop.
Mình tìm ra được chỗ rồi. Bạn có cần cho mình email mình chia sẻ nhé. Thấy nhiều người search nhưng vẫn chưa có ai chia sẻ đúng cách về phần này. Bạn làm bài viết hướng dẫn chắc sẽ top đó 🙏
Nếu được thì bạn gửi email qua admin@wpcanban.com giúp mình nhé. Cảm ơn bạn!
Bạn check inbox nhé, mình đã gửi
Cảm ơn bạn. 👍
Code khác được mà cái code này e làm nó không được bác ơi. Dán vô xóa cache mà vẫn k được
Bạn dùng theme gì nhỉ?
ôi mình làm cái nó bị lỗi cái web luôn, có cách nào trở lại ban đầu k bác
Bạn chèn code kiểu gì nhỉ?
Bỏ tính năng sắp xếp sản phẩm trong theme wp như thế nào vậy bạn
Web của bạn có cài plugin WooCommerce không? Nếu có thì hướng dẫn ngay bên trên mà. :P
Theme bác load nhanh quá nhỉ :D
Lâu lắm rồi mới thấy thánh Minh Quế vào bình luận. :P
mình nghỉ web 1 năm mới làm lại :( không làm k chịu đc phải làm tiếp
Haha. Làm web nghiện lắm chứ chẳng đùa. Chăm như chăm con vậy. =))
Bác nên chế thêm tính năng theme tiếp thị liên kết
Ý bác là bổ sung tính năng tiếp thị liên kết cho theme à? :P
Uh theme đó đag là xu hướng
Đối với đếm số sản phẩm một bên đó thì mình làm như nào Hiếu
Có luôn bài hướng dẫn “Loại bỏ tính năng Showing all x results trong WooCommerce” bạn nhé. :P
Loại bỏ mấy cái này đỡ nặng cho web đúng không bác, em đang xài display none
Đúng rồi bạn. Ẩn bằng CSS chỉ là ẩn khỏi mắt người dùng thôi, chứ thực ra code của nó vẫn thực thi như thường, check mã nguồn (view-source) vẫn thấy.
Tks bác, bảo sao wpcanban load nhanh như vậy