Thêm nút đăng nhập Facebook cho Visitor Panel

[PVS]

Thêm nút đăng nhập Facebook cho Visitor Panel

Một chỉnh sửa template đơn giản này thêm một nút đăng nhập Facebook cho bảng điều khiển truy cập.

Chỉnh sửa template sidebar_visitor_panel.

Tìm:

<div class="section loginButton"> 
    <div class="secondaryContent">
        <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>
    </div>
</div>

Thay bằng:

<div class="section loginButton"> 
    <div class="secondaryContent">
        <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label>

        <xen:if is="{$xenOptions.facebookAppId}">
            <div class="cta_fbButton">
                <a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin"><span>{xen:phrase login_with_facebook}</span></a>
            </div>
        </xen:if>

    </div>
</div>

Thêm vào EXTRA.css:

/* Add Facebook login button to visitor panel */
.cta_fbButton {
margin: 10px 30px;
text-align: center;
}

Kết quả:

​

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

Nguồn: xenforo.com​

 

[Jindo_Katori]

Bác cho xin bảng code thay toàn bộ như add-on này + (bỏ sign up luôn ạ) để giảm thiểu acc clone + spam:
http://vnxf.vn/login-dang-nhap-1-0-1.t6643.html

 

[Jindo_Katori]

Chưa viết code bao giờ bác check thử em copy lại thế này có đúng chưa ?

<xen:require css="cta_login.css" />
<xen:if is="{$xenOptions.facebookAppId}"> <xen:require css="facebook.css" /> <li class="ctaLoginFacebook"><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin"><span>{xen:phrase login_with_facebook}</span></a></li></xen:if>
<xen:if is="{$xenOptions.twitterAppKey}"> <xen:require css="twitter.css" /> <li class="ctaLoginTwitter"><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin"><span>{xen:phrase login_with_twitter}</span></a></li> </xen:if>
<xen:if is="{$xenOptions.googleClientId}"> <xen:require css="google.css" /> <li class="ctaLoginGoogle"><span class="googleLogin GoogleLogin JsOnly" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li> </xen:if>

.ctaLoginFacebook { margin: 8px auto 5px auto; text-align: center; }
.ctaLoginTwitter { margin: 5px auto 8px auto; text-align: center; }
.ctaLoginGoogle { margin: 8px auto 6px auto; text-align: center; }

 

[Jindo_Katori]

Đã tự thử làm bừa và thành công

 

[tuna]

Có cách nào ẩn visitor panel khi đã đăng nhập ko bác @PVS

 

[nguyenquang12]

Cảm ơn tác giả đã chia sẻ, mình giờ mới biết cách đăng kí account tích hợp facebook