1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Sign Up Facebook

Discussion in 'Styling and Customization Questions' started by HoddzDJ, Aug 23, 2011.

  1. HoddzDJ

    HoddzDJ Active Member

    I have seen on a few xenforo forums that people have added a 'Login with Facebook' button below the 'Sign Up Now!' button and would like to have this added on my forums to help people know that they can just sign up using their Facebook details. It's a lot easier for people and although personally I don't like doing it, sometimes it is quicker.

    I have been searching for this for the past ten minutes and can't find anything for it :/
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Edit the sidebar_visitor_panel

    Search for this:
    Code:
    <div class="section loginButton">
    <div class="secondaryContent">
    <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase sign_up_now}</a></label>
    </div>
    </div>
    Replace with this:
    Code:
    <div class="section loginButton">
    <div class="secondaryContent">
    <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:phrase sign_up_now}</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>
    I created a class for the styling which I added to EXTRA.css:
    Code:
    /* Add Facebook login button to visitor panel */
    .cta_fbButton {
    margin: 10px 30px;
    text-align: center;
    }
    You could do it inline though if you prefer.
     
    radu81, billpao, Bram and 4 others like this.
  3. HoddzDJ

    HoddzDJ Active Member

    Top man Brogan! Much appreciated.
     

Share This Page