Cách áp dụng bộ lọc cho tiện ích lưới sản phẩm
Hướng dẫn này giải thích cách sử dụng tiện ích bộ lọc cho các sản phẩm WooC Commerce với sự trợ giúp của plugin JetSmartFilters.
Với plugin JetSmartFilters, bạn có thể sắp xếp các sản phẩm WooC Commerce một cách dễ dàng. Cơ hội lọc sản phẩm rất hữu ích vì nó giúp việc tìm kiếm hàng hóa hiệu quả và nhanh chóng hơn.
Hơn nữa, plugin JetSmartFilters có bảy tiện ích bộ lọc khác nhau để lọc bài đăng và sản phẩm. Ngoài ra, plugin sử dụng phương pháp AJAX , cho phép lọc mà không cần tải lại trang mỗi khi bạn áp dụng bộ lọc mới.
Từ hướng dẫn này, bạn sẽ tìm hiểu cách sử dụng tiện ích JetSmartFilters cho các sản phẩm WooC Commerce . Vì vậy, hãy bắt đầu.
Tạo bộ lọc
Đầu tiên, hãy mở Bảng điều khiển WordPress của bạn , điều hướng đến tab Bộ lọc thông minh và nhấp vào nút “ Thêm mới ”. Tại đây bạn cần nhập Tên bộ lọc, Nhãn bộ lọc và Nhãn bộ lọc hoạt động .
Sau đó, bạn có thể chọn Loại bộ lọc từ danh sách thả xuống. Bạn có thể chọn bất kỳ bộ lọc nào theo nhu cầu của mình.
Trong trường hợp này, chúng tôi sẽ thêm bộ lọc Chọn . Trong menu thả xuống Nguồn dữ liệu , hãy chọn tùy chọn “Phân loại” và trong trường Phân loại, hãy chọn “Danh mục sản phẩm”. Đừng quên nhấp vào nút “ Xuất bản ” để lưu các thay đổi.
Thêm bộ lọc vào trang
Mở trang cần thiết và kéo và thả tiện ích Lưới Sản phẩm vào phần bạn muốn đặt nó. Sau đó, bạn sẽ thấy tất cả các sản phẩm của mình ở dạng lưới hấp dẫn.
Bước tiếp theo là thả tiện ích Chọn Bộ lọc vào phần này. Trong danh sách thả xuống Chọn bộ lọc, hãy chọn bộ lọc bạn đã tạo trước đó. Sau đó, trong Bộ lọc này, hãy chọn tùy chọn “Lưới sản phẩm JetWooBuilder”.
Lưu ý rằng bạn có thể chọn các loại bộ lọc khác nhau, chẳng hạn như Checkboxes , Radio , Range , Rating và Search .
Ngoài ra, bạn có thể lọc sản phẩm theo các tiêu chí khác nhau, theo Danh mục , Thẻ , Thuộc tính và Phân loại . Khi bạn hoàn tất việc tùy chỉnh, hãy nhấp vào nút “Xuất bản” và xem trước cách hoạt động của bộ lọc.
Bây giờ bạn đã biết cách lọc các sản phẩm WooC Commerce với sự trợ giúp của tiện ích JetSmartFilters .