Qick Ajax Category Products – Nâng cao
Giải pháp hiển thị sản phẩm WooCommerce linh hoạt, chuyên nghiệp

Qick Ajax Category Products – Nâng cao là plugin hỗ trợ xây dựng các khu vực hiển thị sản phẩm trên website WordPress sử dụng WooCommerce và giao diện Flatsome. Plugin tích hợp trực tiếp vào Flatsome UX Builder, giúp bạn tạo các khối sản phẩm theo danh mục với giao diện trực quan, thao tác thuận tiện và khả năng tùy chỉnh linh hoạt.
So với phiên bản Cơ bản, phiên bản Nâng cao mở rộng khả năng lựa chọn nguồn sản phẩm, bổ sung cột banner quảng cáo, hiệu ứng hiển thị, Quick View, banner khuyến mãi và các tùy chọn nâng cao cho thẻ sản phẩm. Nhờ đó, bạn có thể xây dựng khu vực sản phẩm phù hợp với từng ngành hàng, chiến dịch bán hàng hoặc bố cục trang chủ mà không cần tự viết mã giao diện.
1. Hiển thị sản phẩm theo nhiều danh mục
Plugin cho phép lựa chọn danh mục cha và bổ sung nhiều danh mục sản phẩm khác nhau vào cùng một khu vực hiển thị. Các danh mục con được hỗ trợ để mở rộng nguồn sản phẩm, giúp bạn tổ chức nội dung linh hoạt hơn.
Khi khách truy cập chọn một mục trên thanh danh mục, danh sách sản phẩm được cập nhật bằng AJAX mà không cần tải lại toàn bộ trang. Điều này tạo trải nghiệm duyệt sản phẩm liền mạch, thuận tiện khi website có nhiều danh mục hoặc nhiều nhóm hàng hóa.
2. Cột banner quảng cáo bên trái
Phiên bản Nâng cao hỗ trợ bố cục có cột banner bên trái, phù hợp để giới thiệu chương trình khuyến mãi, ngành hàng nổi bật hoặc thông điệp bán hàng.
Các tùy chọn gồm:
✅ Điều chỉnh chiều rộng và chiều cao cột.
✅ Hiển thị banner quảng cáo bên trái.
✅ Thiết lập nhiều hình ảnh banner.
✅ Cấu hình liên kết cho banner.
✅ Khai báo văn bản thay thế cho hình ảnh.
✅ Chọn chế độ hiển thị Cover hoặc Contain.
✅ Sử dụng hiệu ứng chuyển banner Fade hoặc Slide.
✅ Điều chỉnh thời gian chuyển hình ảnh.
✅ Hiển thị các chấm điều hướng khi có nhiều banner.
✅ Tạm dừng chuyển banner khi rê chuột.
✅ Tự ẩn cột trái trên thiết bị di động.
🌟 Nhờ bố cục này, bạn có thể kết hợp khu vực quảng cáo với danh sách sản phẩm ngay trong cùng một khối nội dung.
3. Tùy chỉnh thẻ sản phẩm và thông tin khuyến mãi
Plugin hỗ trợ hiển thị những thông tin quan trọng giúp khách hàng dễ dàng nhận biết và lựa chọn sản phẩm, bao gồm:
✅ Hình ảnh và tên sản phẩm.
✅ Danh mục sản phẩm.
✅ Giá bán, giá gốc và giá khuyến mãi theo WooCommerce.
✅ Tính toán tỷ lệ giảm giá và hiển thị badge giảm giá.
✅ Đánh giá sao và số lượng đánh giá.
✅ Banner quảng cáo dưới hình ảnh sản phẩm.
✅ Tùy chỉnh màu giá và một số thuộc tính giao diện.
✅ Banner dưới ảnh sản phẩm có thể được cấu hình URL và văn bản thay thế, phù hợp để truyền tải thông tin ưu đãi hoặc thông điệp ngắn ngay trong khu vực sản phẩm.
4. Tích hợp Quick View và nút mua hàng
Phiên bản Nâng cao hỗ trợ bật hoặc tắt Quick View và tùy chỉnh nội dung nút. Tính năng này được thiết kế để phối hợp với cơ chế Quick View của Flatsome khi hệ thống tương ứng có sẵn.
Ngoài ra, plugin cung cấp nút Thêm vào giỏ hàng và Mua nhanh, hỗ trợ tích hợp với DevVN Qick Buy khi plugin này được cài đặt và hoạt động. Trong trường hợp không có cơ chế Qick Buy tương ứng, nút Mua nhanh có thể chuyển khách hàng đến trang chi tiết sản phẩm.
Các thiết lập nút giúp bạn chủ động lựa chọn cách điều hướng mua hàng phù hợp với cấu trúc website.
5. Dòng thông tin tùy chỉnh dưới slider
Plugin cho phép thêm dòng thông tin bên dưới khu vực sản phẩm. Bạn có thể tự nhập nội dung, chỉnh màu chữ, bật hoặc tắt hiệu ứng và điều chỉnh thời gian hiển thị.
Dòng thông tin hỗ trợ hai biến:
✅ {current}: số lượng sản phẩm thực tế theo dữ liệu được xử lý.
✅ {target}: giá trị mục tiêu do bạn cấu hình.
🌟 Ví dụ, bạn có thể tạo nội dung dạng “Đang hiển thị {current}/{target} sản phẩm” để cung cấp thông tin cho khách truy cập.
✅ Các hiệu ứng gồm Slide Up, Slide Right, Fade và Blink. Dòng thông tin cũng được cập nhật khi danh sách sản phẩm thay đổi qua AJAX.
6. Bộ lọc và sắp xếp sản phẩm linh hoạt
Bạn có thể lựa chọn cách sắp xếp sản phẩm theo ngày đăng, ngày chỉnh sửa, tên, ID, Menu Order hoặc ngẫu nhiên. Tùy chọn tăng dần và giảm dần giúp điều chỉnh thứ tự hiển thị theo nhu cầu.
Các thiết lập này hữu ích khi cần đưa sản phẩm mới lên đầu, sắp xếp theo thứ tự quản trị hoặc làm mới nội dung giữa các lần hiển thị.
7. Giao diện responsive và trải nghiệm sử dụng
Plugin hỗ trợ bố cục riêng cho Desktop, Tablet và Mobile, cho phép thiết lập số cột sản phẩm theo kích thước màn hình.
Các tính năng trải nghiệm gồm:
✅ Thanh danh mục cuộn ngang.
✅ Hỗ trợ kéo thanh danh mục bằng chuột.
✅ Hỗ trợ thao tác chạm trên thiết bị di động.
✅ Tự cuộn đến danh mục đang được chọn.
✅ Nút điều hướng slider.
✅ Tùy chọn tự động chuyển sản phẩm.
✅ Điều chỉnh slider khi kích thước màn hình thay đổi.
✅ Tự cập nhật danh sách sau khi tải AJAX.
✅ Hiển thị trạng thái tải trong quá trình cập nhật.
🏆Những cơ chế này giúp khu vực sản phẩm thích ứng với nhiều bố cục trang và kích thước màn hình khác nhau.
8. Tùy chỉnh giao diện trực tiếp trong UX Builder
Các tùy chọn được bố trí ngay trong Flatsome UX Builder, giúp quản trị viên cấu hình nội dung và giao diện mà không phải chỉnh sửa trực tiếp mã nguồn.
Bạn có thể điều chỉnh tiêu đề, màu sắc, cỡ chữ, độ đậm, kiểu chữ và cách biến đổi chữ đối với những thành phần được hỗ trợ. Việc cấu hình trực tiếp giúp dễ dàng tạo các khu vực sản phẩm có phong cách phù hợp với website.
Đối tượng phù hợp
Qick Ajax Category Products – Nâng cao phù hợp với:
🎯 Website bán hàng sử dụng WooCommerce và Flatsome.
🎯 Website cần hiển thị nhiều khu vực sản phẩm trên trang chủ.
🎯 Cửa hàng muốn kết hợp danh mục sản phẩm với banner quảng cáo.
🎯 Website cần tùy chỉnh giao diện và thông tin sản phẩm.
🎯 Đơn vị thiết kế website muốn tái sử dụng các khối sản phẩm trong UX Builder.
Thông tin sản phẩm
📝Tên sản phẩm: Qick Ajax Category Products – Nâng cao
📈 Phiên bản: 2.x.x.x
🔥 Nền tảng: WordPress, WooCommerce
✨Tích hợp trình dựng giao diện: Flatsome UX Builder
🏠 Nhà phát triển: Qick.VN
Để được tư vấn về plugin, cài đặt và khả năng áp dụng cho website, vui lòng liên hệ:
🌐 Website: https://qick.vn
📧 Email: info@qick.vn
📞 Điện thoại: 036 3979 246
Qick.VN – Nền tảng tri thức & giải pháp hữu ích cho mọi người, mọi ngành nghề.