Addon 2x [VNXF] Follow Suggestion - Widget gợi ý theo dõi dạng Tinder cho XenForo 2.3 1.2.4

PVS

Super Moderator
Thành viên BQT
Follow Suggestion mang đến trải nghiệm vuốt thẻ kiểu Tinder ngay trên diễn đàn XenForo của bạn. Widget thông minh sẽ tự động gợi ý những thành viên nổi bật nhất — giúp tăng tương tác, xây dựng cộng đồng và giữ chân người dùng hiệu quả hơn bao giờ hết.

[VNXF] Follow Suggestion.png

Ý tưởng cốt lõi
Biến hành động "Follow" từ một nút bấm đơn điệu thành trải nghiệm tương tác, thú vị và gây nghiện — giống như cách Tinder thay đổi ngành hẹn hò.

✨ Tính năng nổi bật​

  • Vuốt thẻ (Swipe Cards)
    Vuốt phải để Follow, vuốt trái để Bỏ qua. Hỗ trợ cả chuột, cảm ứng và nút bấm.
  • Card Flip 3D
    Nhấn nút Info để lật thẻ xem thông tin chi tiết "Giới thiệu" của thành viên với hiệu ứng 3D mượt mà.
  • Màn hình "It's a Match!"
    Khi cả hai cùng follow nhau — hiển thị màn hình match đặc biệt với avatar song song và hiệu ứng glow, tạo cảm giác kết nối thực sự.
  • ↩️ Undo (Hoàn tác)
    Vuốt nhầm? Không sao! Nhấn nút Undo để quay lại thành viên vừa bỏ qua hoặc vừa follow.
  • ♻️ Xem lại đã bỏ qua
    Khi hết gợi ý, hiển thị nút "Xem lại những người đã bỏ qua" — reset danh sách dismissed và làm mới toàn bộ.
  • ♾️ Infinite Scroll (Tải thêm tự động)
    Khi còn 3 thẻ cuối cùng, tự động tải thêm gợi ý mới qua AJAX — không cần reload trang.
  • Dark Mode
    Tự động thích ứng với chế độ tối của XenForo — card, text, shadow đều được tối ưu.
  • Responsive
    Hoạt động hoàn hảo trên Desktop, Tablet và Mobile với touch/pointer events.

Thuật toán gợi ý thông minh​


Add-on sử dụng thuật toán xếp hạng đa tiêu chí để tìm ra những thành viên đáng follow nhất:

Chế độ sắp xếpMô tả
Mixed (Mặc định)Công thức tổng hợp: Messages × 0.4 + Reactions × 0.4 + Trophies × 0.2
MessagesƯu tiên thành viên có nhiều bài viết nhất
ReactionsƯu tiên thành viên có nhiều reaction nhất
TrophyƯu tiên thành viên có nhiều trophy point nhất
RandomNgẫu nhiên — tạo sự bất ngờ mỗi lần xem

Thuật toán tự động loại trừ:
  • Thành viên đã follow
  • Thành viên đã bỏ qua (dismissed)
  • Tài khoản bị ban hoặc không hợp lệ
  • Chính bản thân người dùng

⚙️ Tùy chỉnh Widget​


Cấu hình linh hoạt trong Admin Panel:

Tùy chọnMô tảMặc định
LimitSố lượng thẻ mỗi lần tải (1–50)10
OrderChế độ sắp xếp (mixed/messages/reactions/trophy/random)mixed
Include GroupsChỉ gợi ý thành viên thuộc nhóm user group cụ thểTất cả
Exclude GroupsLoại trừ thành viên thuộc nhóm user group cụ thểKhông
Activity LimitChỉ gợi ý thành viên hoạt động trong N ngày gần đây (0 = tắt)30 ngày


Giao diện thẻ (Card UI)​


Mỗi thẻ gợi ý hiển thị:
  • Banner cá nhân — Ảnh bìa profile hoặc gradient mặc định
  • Avatar — Ảnh đại diện kích thước trung bình
  • Username — Tên hiển thị có rich formatting
  • Custom Title — Chức danh tùy chỉnh (nếu có)
  • Thống kê nhanh — Bài viết , Reactions , Trophy
  • Giới thiệu ngắn — 120 ký tự đầu tiên của phần "About"
  • Indicator FOLLOW / SKIP — Hiện khi vuốt thẻ

Cài đặt​


Yêu cầu hệ thống​

  • XenForo 2.3.0 trở lên
  • PHP 8.0+

Hướng dẫn cài đặt​

  1. Tải file VNXF-FollowSuggestion-1.2.4.zip ở cuối bài
  2. Vào Admin Panel → Add-ons → Install/upgrade from archive
  3. Hoặc dùng CLI: php cmd.php xf-addon:install VNXF/FollowSuggestion
  4. Vào Admin → Appearance → Widgets → Thêm widget "[VNXF] Follow Suggestion" vào vị trí mong muốn

Demo​


[VNXF] Follow Suggestion- (1).png[VNXF] Follow Suggestion- (2).png[VNXF] Follow Suggestion- (3).png[VNXF] Follow Suggestion- (4).png

Chúc các bạn thành công.


PVS - VNXF​
 

Đính kèm

Back
Top