.tvsp-product-post { font-family: Arial, Helvetica, sans-serif; color: #1f2937; background: #ffffff; border: 1px solid #dbe6f2; border-radius: 18px; padding: 24px; line-height: 1.7; } .tvsp-product-post .tvsp-section { margin: 0 0 24px 0; padding: 22px; background: #f8fbff; border: 1px solid #e4edf7; border-radius: 14px; } .tvsp-product-post .tvsp-section:last-child { margin-bottom: 0; } .tvsp-product-post h1 { margin: 0 0 14px 0; font-size: 30px; line-height: 1.3; color: #0f172a; } .tvsp-product-post h2 { margin: 0 0 16px 0; font-size: 24px; line-height: 1.35; color: #0b4f6c; } .tvsp-product-post h3 { margin: 0 0 10px 0; font-size: 19px; line-height: 1.4; color: #134e4a; } .tvsp-product-post p { margin: 0 0 14px 0; font-size: 16px; } .tvsp-product-post p:last-child { margin-bottom: 0; } .tvsp-product-post .tvsp-quick-table { width: 100%; border-collapse: collapse; background: #ffffff; } .tvsp-product-post .tvsp-quick-table tr { border-bottom: 1px solid #e5edf6; } .tvsp-product-post .tvsp-quick-table tr:last-child { border-bottom: none; } .tvsp-product-post .tvsp-quick-table th, .tvsp-product-post .tvsp-quick-table td { padding: 13px 14px; text-align: left; vertical-align: top; font-size: 15px; } .tvsp-product-post .tvsp-quick-table th { width: 34%; background: #eef6fd; color: #0f172a; font-weight: 700; } .tvsp-product-post .tvsp-quick-table td { background: #ffffff; } .tvsp-product-post .tvsp-feature-list { margin: 0; padding-left: 20px; } .tvsp-product-post .tvsp-feature-list li { margin: 0 0 12px 0; font-size: 16px; } .tvsp-product-post .tvsp-feature-list li:last-child { margin-bottom: 0; } .tvsp-product-post .tvsp-feature-list strong { color: #0f172a; } .tvsp-product-post .tvsp-analysis-group { margin: 0 0 18px 0; padding: 16px; background: #ffffff; border: 1px solid #e4edf7; border-radius: 12px; } .tvsp-product-post .tvsp-analysis-group:last-child { margin-bottom: 0; } @media (max-width: 767px) { .tvsp-product-post { padding: 16px; border-radius: 14px; } .tvsp-product-post .tvsp-section { padding: 16px; margin-bottom: 16px; } .tvsp-product-post h1 { font-size: 24px; } .tvsp-product-post h2 { font-size: 21px; } .tvsp-product-post h3 { font-size: 18px; } .tvsp-product-post .tvsp-quick-table th, .tvsp-product-post .tvsp-quick-table td { display: block; width: 100%; padding: 11px 12px; } .tvsp-product-post .tvsp-quick-table th { border-bottom: 1px solid #dde7f0; } }
Divi Ajax Filter – Plugin WordPress lọc AJAX cho Divi và WooCommerce
Divi Ajax Filter là plugin WordPress được xây dựng cho hệ sinh thái Divi, dùng để lọc sản phẩm WooCommerce, bài viết và custom post type mà không cần tải lại toàn bộ trang. Đây là giải pháp phù hợp cho website bán hàng, blog, portfolio, directory hoặc các website dùng Divi cần trải nghiệm lọc nội dung nhanh, gọn và trực quan hơn.
Plugin này được dùng để tạo bộ lọc sản phẩm và nội dung ngay trong Divi Builder, giúp người dùng lọc theo danh mục, thẻ, thuộc tính, giá hoặc custom field theo cách tương tác hơn. Giá trị nổi bật của Divi Ajax Filter nằm ở việc kết hợp khả năng lọc mạnh với workflow quen thuộc của Divi, giúp người quản trị vừa dễ dựng giao diện vừa dễ tối ưu trải nghiệm tìm kiếm nội dung trên website.
Thông tin nhanh
| Tên sản phẩm | Divi Ajax Filter |
|---|---|
| Loại sản phẩm | Plugin WordPress lọc AJAX cho Divi, WooCommerce và custom post types |
| Nền tảng hỗ trợ | WordPress, Divi Theme, Divi Builder, WooCommerce, Advanced Custom Fields, WPML, Divi Theme Builder |
| Yêu cầu WordPress | Cần WordPress mới nhất và Divi Theme mới nhất; tài liệu tương thích Divi 5 hiện khuyến nghị WordPress 6.8 trở lên |
| Yêu cầu PHP | Tài liệu tương thích Divi 5 hiện khuyến nghị PHP 8.0 trở lên |
| Mức độ phù hợp sử dụng | Phù hợp cho website WooCommerce, blog, portfolio, custom post types, directory và mọi website Divi cần lọc nội dung động không tải lại trang |
Tính năng nổi bật
- No-reload filtering: cho phép lọc nội dung và sản phẩm mà không cần tải lại trang, giúp trải nghiệm duyệt nội dung nhanh hơn và mượt hơn cho người dùng cuối.
- Tích hợp WooCommerce mạnh: hỗ trợ lọc theo giá, danh mục, thẻ và thuộc tính sản phẩm, giúp khách hàng tìm đúng sản phẩm nhanh hơn trong cửa hàng dùng Divi.
- Lọc Categories và Tags theo thời gian thực: hỗ trợ hiển thị bộ lọc dạng dropdown, checkbox hoặc radio button, giúp người quản trị dễ tạo bộ lọc phù hợp với bố cục website.
- Hỗ trợ custom post types và custom fields: phù hợp cho portfolio, team, listing, directory hoặc các website có cấu trúc dữ liệu riêng cần lọc theo thông tin chuyên biệt.
- ACF Filters: cho phép tận dụng dữ liệu từ Advanced Custom Fields để lọc và hiển thị nội dung có ngữ cảnh hơn, rất hữu ích cho site dữ liệu động.
- List/Grid switch: hỗ trợ chuyển đổi giữa bố cục danh sách và lưới, giúp người dùng xem nội dung theo kiểu hiển thị phù hợp hơn với từng loại dữ liệu.
- Custom modules cho Divi Builder: plugin thêm module riêng vào Divi Builder để dựng bộ lọc trực tiếp trong giao diện quen thuộc của Divi, giúp quá trình thiết kế và cấu hình dễ kiểm soát hơn.
- Loop Builder và REST API cho Divi 5: phiên bản Divi 5 được nâng cấp với REST API filtering, loop builder integration và template picker, giúp tốc độ lọc và khả năng tùy biến tốt hơn.
Phân tích tính năng chi tiết
Lọc AJAX không tải lại trang giúp trải nghiệm duyệt nội dung mượt hơn
Điểm mạnh cốt lõi của Divi Ajax Filter là khả năng cập nhật kết quả lọc ngay trên trang mà không bắt người dùng chờ tải lại toàn bộ giao diện. Với website có nhiều sản phẩm hoặc nhiều nội dung, việc này tạo khác biệt rất rõ về tốc độ cảm nhận và sự thuận tiện khi tìm dữ liệu.
Lợi ích thực tế là khách truy cập có thể thử nhiều bộ lọc liên tiếp mà không bị đứt quãng trải nghiệm. Điều này đặc biệt hữu ích cho WooCommerce, blog phân loại nhiều chủ đề hoặc website listing cần người dùng duyệt nhanh nhiều kết quả khác nhau.
Tích hợp chặt với Divi giúp dễ dựng giao diện hơn
Divi Ajax Filter không đi theo kiểu shortcode rời rạc mà được thiết kế để hoạt động trong Divi Builder bằng các module riêng. Điều này giúp người dùng Divi làm quen rất nhanh vì có thể xây bộ lọc ngay trong cùng môi trường kéo thả quen thuộc thay vì phải cấu hình bằng cách tách biệt.
Giá trị sử dụng nằm ở việc thiết kế và lọc nội dung được gom vào một workflow thống nhất. Với freelancer, agency hoặc chủ website đang dùng Divi, đây là lợi thế lớn vì giảm thời gian học công cụ mới và giữ khả năng kiểm soát thiết kế tốt hơn.
Hữu ích cho WooCommerce lẫn custom post types
Một điểm đáng giá của plugin là không chỉ dùng cho sản phẩm WooCommerce mà còn phù hợp cho blog posts và custom post types. Khi kết hợp với danh mục, thẻ, thuộc tính sản phẩm hoặc ACF fields, plugin có thể phục vụ tốt cho nhiều mô hình site như portfolio, directory, team listing hay website dịch vụ có dữ liệu động.
Lợi ích thực tế là chủ website không bị giới hạn plugin vào một bài toán duy nhất. Đây là hướng sử dụng rất linh hoạt cho các dự án WordPress dùng Divi muốn mở rộng từ site nội dung sang site dữ liệu có bộ lọc chuyên sâu hơn.
Nâng cấp cho Divi 5 giúp plugin phù hợp hơn với workflow hiện đại
Với Divi 5, Divi Ajax Filter đã được làm lại theo hướng dùng REST API, có template picker và tích hợp với Loop Builder. Điều này giúp thao tác lọc nhanh hơn, kiến trúc gọn hơn và mở rộng khả năng kiểm soát bố cục kết quả lọc trong các dự án Divi hiện đại.
Về mặt sử dụng thực tế, đây là lợi ích quan trọng cho người đang xây site mới trên Divi 5 hoặc muốn chuẩn bị hạ tầng tương thích lâu dài. Plugin không chỉ tiếp tục hoạt động với Divi, mà còn đi theo hướng tối ưu hơn cho thế hệ workflow mới của Divi Builder.
Đánh giá
Chưa có đánh giá nào.