Hướng dẫn Add "Chat With Me" button everywhere - Thêm nút "Chat With Me" mọi nơi (cho cometchat)

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
12,862
Được Like
8,577
Add "Chat With Me" button everywhere - Thêm nút "Chat With Me" mọi nơi (cho cometchat)

Nếu bạn cài đặt comechat, bạn sẽ thấy một nút "Chat With Me" bên dưới avatar trong tin nhắn. (Tất nhiên nếu bạn thiết lập nó trong ACP)
Theo mặc định nó có các vấn đề khác nhau:
  • Thậm chí khách có thể thấy nó (Ngay cả khi họ không có quyền truy cập vào cometchat)
  • Nó chỉ hiện trong trang messages của nó. Và không có ở nơi nào khác. (Vì vậy, trò chuyện với người dùng không có bài viết là không thể)
  • Nếu bạn muốn trò chuyện với một người nào đó (người có bài viết), bạn nên tìm một trong các bài viết của họ và bắt đầu trò chuyện từ postbit của họ.
Vì vậy thêm nút "Chat With Me" ở mọi nơi sẽ giúp bạn trò chuyện dễ dàng hơn. Và hãy xem làm thế nào để làm điều đó.

Yêu cầu trước tiên là bạn phải cài đặt add-on Cometchat trước sau đó mới làm các bước tiếp theo bên dưới.

Mở template "member_card" và tìm:
Mã:
<xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add, '', 'to={$user.username}'}">{xen:phrase start_conversation}</a></xen:if>

Thêm đoạn code bên dưới vào phía sau:
Mã:
<xen:if is="{$xenAddOns.cometchat_plugin}"><a class="cometchatbutton" href="javascript:void(0)" onclick="javascript:jqcc.cometchat.chatWith({$user.user_id});">Start Chat</a></xen:if>

Bạn có thể thay đổi "Start Chat" tùy theo ý của bạn. Cũng vì câu lệnh điều kiện xung quanh nó, nếu bạn tắt cometchat, nút này sẽ được ẩn.
Bạn có thể thêm mã này vào bất kỳ template nào mà bạn muốn, như trang profile...

Nếu bạn vô hiệu hóa cometchat cho người sử dụng điện thoại di động thì mở template "EXTRA.css" và thêm:
Mã:
<xen:if is="@enableResponsive">
    @media (max-width:480px) {
        .cometchatbutton {
        display: none;
        }
    }
</xen:if>

Điều này sẽ ẩn nút "Start Chat" trong member card (hoặc bất kỳ đâu bạn thêm vào) đối với người dùng di động.

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


Nguồn: xenforo.com​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom