Sắp xếp và hiển thị sản phẩm theo trường tùy chỉnh hoặc Meta

Sắp xếp và hiển thị sản phẩm theo trường tùy chỉnh hoặc Meta – WooCommerce Sắp xếp và hiển thị sản phẩm là chức năng lưu trữ quan trọng tạo thành phần quan trọng tại trải nghiệm người dùng. Khả năng sắp xếp danh sách sản phẩm theo thứ tự ưu tiên đồng ý khách truy cập chọn sản phẩm phù hợp nhanh chóng, tiếp tục giao dịch.

Sắp xếp, hiển thị sản phẩm WooCommerce có hai loại: Mặc định/ Tùy chỉnh. việc phân loại sản phẩm WooCommerce  tùy chỉnh thường được thực hiện nhờ sử dụng hooks.

Sắp xếp, hiển thị danh mục sản phẩm theo trường tùy chỉnh/ theo giá trị meta bài đăng khác giúp khách hàng duyệt qua website WooCommerce bên bạn rất nhiều. Tùy chọn này thêm cách hữu ích sắp xếp hàng tồn kho để khách hàng khám phá sản phẩm mà trước đây họ không nhìn thấy.

Hôm nay, ở đây trước tiên tôi sẽ mô tả trường tùy chỉnh rồi tiếp đó làm nổi bật cách thêm tùy chọn sắp xếp WooCommerce này vào trang sản phẩm.

Thêm trường tùy chỉnh vào sản phẩm thương mại Woo

Bạn thuận lợi thêm trường tùy chỉnh vào tất cả sản phẩm WooCommerce nhờ nhập chúng với trường tùy chỉnh được đặt làm meta bài đăng. Điều này đồng ý bạn đặt meta bài cho tất cả sản phẩm.

Khi đã hoàn thành, giờ bạn được thêm giá trị dựa trên văn bản, số làm thông tin meta bài đăng. Giờ đây khách hàng sắp xếp được sản phẩm nhờ sử dụng giá trị này.

Sản phẩm thương mại WooC Sắp xếp và hiển thị theo trường tùy chỉnh

WooTheme rất hữu ích về giao diện sắp xếp. Tuy nhiên, nó không đề cập đến giao diện giá trị meta. Giá trị kim loại này được sử dụng để thiết lập bộ lọc sắp xếp sử dụng cả số, văn bản.

Để thể hiện khái niệm, tôi sẽ thêm hai tùy chọn sắp xếp: Sắp xếp theo vị trí, Sắp xếp theo điểm.

Xem thêm: Cách tạo một Landing Page

Sản phẩm sẽ hiển thị như thế nào

Tại trang sản phẩm, tùy chọn này hiện được thêm vào menu thả xuống bộ lọc sắp xếp.

Đoạn mã sau đây cho thấy vị trí, điểm bán hàng tại website. Sử dụng chức năng này, bạn hiển thị được bất kỳ trường tùy chỉnh nào tại website bằng cách chuyển giá trị meta.

Giờ bất cứ khi nào bạn chọn tùy chọn sắp xếp, đối số sắp xếp tương ứng sẽ được sử dụng. Ảnh chụp màn hình cho thấy tùy chọn sắp xếp: vị trí đang hoạt động.

Tương tự, khi sắp xếp cho Điểm bán hàng, đầu ra sẽ là:

Giờ nếu bạn cố gắng thực hiện việc này tại màn hình Chỉnh sửa sản phẩm, màn hình sản phẩm yêu cầu đặt giá trị cho trường tùy chỉnh.

Sắp xếp sản phẩm WooCommerce mặc định

Muốn bật sắp xếp sản phẩm WooCommerce mặc định, chỉ cần truy cập Cài đặt WooCommerce > Tab sản phẩm.

Tại danh sách thả xuống, bạn thấy tùy chọn sắp xếp mặc định có sẵn tập trung vào tham số giá cả, mức độ phổ biến.

Để xem tham số sắp xếp này đang hoạt động, hãy truy cập trang Sản phẩm. Nhấp tab Sắp xếp sản phẩm, chọn tham số mong muốn. Kết quả trên trang sẽ thay đổi để phản ánh lựa chọn từ bạn.

Nếu bạn muốn áp dụng lớp tùy chỉnh hay muốn thay đổi thứ tự sắp xếp menu tham số, bạn làm như vậy bằng cách đi tới Sản phẩm> Nâng cao rồi tiếp đó vào tùy chọn Đặt hàng Menu. Đằng sau hậu trường, hành động này sử dụng hook WooCommerce _catalog_orderby.

Thêm tùy chọn sắp xếp sản phẩm WooCommerce tùy chỉnh

Nếu bạn nghĩ tham số sắp xếp có sẵn là không đủ cho mục đích bạn muốn, bạn được thêm tùy chọn sắp xếp riêng mình hiển thị ở danh sách thả xuống. Đối với điều này, hãy thêm đoạn mã sau vào functions.php.

Lưu tệp, tải lại trang để xem tùy chọn Sắp xếp sản phẩm thương mại Woo WooCraft ở danh sách thả xuống.

Phần kết luận

Với bài này, tôi đã thảo luận về cách sắp xếp, hiển thị sản phẩm WooCommerce theo trường tùy chỉnh cũng như đăng meta. Ví dụ này rất đơn giản để thực hiện còn được mở rộng để gồm bất kỳ số lượng tùy chọn sắp xếp nào. Nếu bạn có câu hỏi nào, hãy để lại nhận xét bên dưới.