Divi Ajax Filter – Plugin WordPress lọc AJAX cho Divi và WooCommerce
100.000 ₫
.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.
MAECENAS IACULIS
Vestibulum curae torquent diam diam commodo parturient penatibus nunc dui adipiscing convallis bulum parturient suspendisse parturient a.Parturient in parturient scelerisque nibh lectus quam a natoque adipiscing a vestibulum hendrerit et pharetra fames nunc natoque dui.
ADIPISCING CONVALLIS BULUM
- Vestibulum penatibus nunc dui adipiscing convallis bulum parturient suspendisse.
- Abitur parturient praesent lectus quam a natoque adipiscing a vestibulum hendre.
- Diam parturient dictumst parturient scelerisque nibh lectus.
Scelerisque adipiscing bibendum sem vestibulum et in a a a purus lectus faucibus lobortis tincidunt purus lectus nisl class eros.Condimentum a et ullamcorper dictumst mus et tristique elementum nam inceptos hac parturient scelerisque vestibulum amet elit ut volutpat.
Đánh giá
Chưa có đánh giá nào.