JetSmartFilters là một plugin cao cấ được phát triển bởi Crocoblock, chuyên dùng để xây dựng hệ thống bộ lọc tìm kiếm nâng cao (sử dụng công nghệ AJAX) cho mã nguồn WordPress. Plugin này hoạt động mượt mà với Elementor (cả bản Free và Pro), giúp người dùng tìm kiếm sản phẩm hoặc bài viết ngay lập tức mà không cần tải lại trang.
Các tính năng cốt lõi của JetSmartFilters
- Công nghệ AJAX mạnh mẽ: Lọc và hiển thị kết quả ngay lập tức giúp tối ưu trải nghiệm người dùng.
- 12 loại bộ lọc đa dạng: Hỗ trợ bộ lọc chọn (Select), hộp kiểm (Checkbox), nút chọn (Radio), thanh trượt giá (Range), xếp hạng (Rating), ô tìm kiếm (Search), và bảng chọn ngày (Date Range).
- Lọc phân cấp (Hierarchy Select): Tạo các bộ lọc phụ thuộc nhau (Ví dụ: Chọn Tỉnh/Thành phố → Quận/Huyện → Phường/Xã).
- Tính năng Indexer thông minh: Tự động đếm và hiển thị số lượng sản phẩm/bài viết còn lại trong mỗi danh mục bộ lọc sau khi người dùng tick chọn.
- Tối ưu SEO: Hỗ trợ cấu trúc đường dẫn Permalink sạch và tạo URL Alias giúp các trang kết quả bộ lọc thân thiện hơn với các công cụ tìm kiếm.
Khả năng tương thích và tích hợp
JetSmartFilters hoạt động giống như một “trung tâm kết nối” giữa các dữ liệu động và các widget hiển thị:
- Tương thích với Elementor Pro: Hoạt động hoàn hảo với các widget mặc định của Elementor Pro như Loop Grid, Posts, Products, và Archive Products.
- Tích hợp sâu trong hệ sinh thái Crocoblock: Kết hợp cực tốt với JetEngine (để lọc các Custom Post Types, dữ liệu Custom Fields) và JetWooBuilder (để làm bộ lọc cho trang cửa hàng WooCommerce nâng cao).
- Đa nền tảng: Ngoài Elementor, plugin này hiện tại đã hỗ trợ thêm cả Gutenberg (Block Editor), Bricks Builder, và Divi.
Quy trình thiết lập cơ bản trong WordPress
- Tạo bộ lọc gốc: Truy cập
Smart Filters>Add Newtrong trang quản trị WordPress để định hình loại bộ lọc (Ví dụ: lọc theo giá, lọc theo danh mục). - Kích hoạt Provider: Vào
Smart Filters>Settingsđể bật tính năng tương thích với widget bạn đang dùng (như Elementor Pro Loop Grid hoặc JetEngine Listing). - Thêm widget vào Elementor: Mở trang bằng Elementor, kéo widget bộ lọc tương ứng vào thiết kế và chọn liên kết tới bộ lọc gốc bạn vừa tạo ở bước 1.
