JFBConnect Compatibility with Other Third-Party Login modules?

JFBConnect Compatibility with Other Third-Party Login modules?

On my site http://planethop.com/ from the Home Page users can login/register on the site with their Facebook account using a third-party login module, which is integrated with JomSocial.  It's called Improved AJAX Login (mod_improved_ajax_login) http://offlajn.com/improved-ajax-login.html

Or the user can login/register directly from my Social Network page http://planethop.com/socialize using the JomSocial login.

1. Can JFBConnect be integrated into my site so the Facebook login/register button on mod_improved_ajax_login now uses JFBConnect for login and registration with JomSocial?

2. Currently when a user registers on my site, their full Facebook profile is not imported into their JomSocial profile.  (e.g. First Name, Last Name, DOB, Country, etc.)  The JomSocial forum said that this cannot be done out of the box.  Can JFBConnect import the Facebook profile into the JomSocial profile out of the box?

I am using JomSocial 2.6.2 on Joomla 1.5.26

If the above can be done, I would be interested in buying the product.

Thanks.

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Yes, everything you're looking for can be done pretty easily. We work in a variety of Javascript popup boxes and shouldn't have any problem helping you integrate into the improved AJAX box, should you run into any issues.

As for profile import, yup, we have that covered too. You can easily select which Facebook fields are imported into JomSocial to customize the profile import to your needs. The registration can also be done automatically without any forms, if you just want your users to get into your site (with their profile imported) as quickly as possible.

Finally, our latest release of JFBConnect, v4.3.4, fully supports Joomla 1.5. It will be the last major feature release we'll have for J1.5, but we plan to support it through at least June with any critical bug fixes required.

Hope that helps answer your question,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Hi,
I purchased the JFBConnect extension for Joomla 1.5 and have configured it.  I was able to add the JFBC buttons to my JomSocial Home Page (http://planethop.com/socialize)  and to my Registration page  (http://planethop.com/socialize/register)

However, as stated above:
On my site http://planethop.com/ from the Home Page users can login/register on the site with their Facebook account using a third-party login module, which is integrated with JomSocial.  It's called Improved AJAX Login (mod_improved_ajax_login)

1. I cannot figure out what file to modify for login module on my home page to add the JFBC Login with Facebook button - and how to keep the styling of the existing Login with Facebook button.

If possible, please provide guidance on what file to modify and where to add the code.


2. Also, added the Facebook button to JomSocial Home Page (http://planethop.com/socialize)  and Registration page (http://planethop.com/socialize/register) .  That button does not appear on this page.  http://planethop.com/my-passport/edit .  Which file do I modify to add JFBC button code?  Where exactly do I place the code?

I can give you ftp access if necessary.

Thanks.

http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-mod-improved-ajax-login-Screenshot.png


http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-Add-JFBC-Button.png

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

I'm not exactly sure of the file you'd need to edit for the AJAX Login module. Usually, the file would be something like /modules/mod_improved_ajax_login/tmpl/default.php, though there may be different template files other than default.php file in that directory. Once you find the right file, the best thing to do is create a template override of that file by copying it to /templates/<YOUR_TEMPLATE>/html/mod_improved_ajax_login/<file>.php (creating any directories that aren't already there along the way. A template override will make sure that your changes 'stick' even if you update the module in the future.

Then, edit that file to add in JFBConnect's Login with Facebook button. To do that, I'd honestly recommend you just take a screen capture of the button that's already there and use that for a new image button. You can add that with the following HTML:

Code:

<a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><img src="/linktoimage.jpg" /></a>

You can see more information about custom buttons in our Facebook for Joomla Common Support Questions guide.

Finally, for the "Edit" page, can you tell me what extension is creating that page? Is that Joomla, JomSocial, or something else? A good way to narrow down the template file to edit is to disable SEF, temporarily, and look at the raw URL. That usually gives great hints of what file needs to be edited.

Hope that helps, but let us know if you need anything more!

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Hi Alex,
1. For the "Edit" page, I turned on SEF Url, the page URL is:
http://planethop.com/index.php?option=c … temid=1890
It's a JomSocial page where the JFBC button does not appear.  I still can't figure out from above, which file needs to be modified.
http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-Add-JFBC-Button.png


2. How do add the JFBC button to JomSocial popups where you can login or register (see attached screenshot)
http://www.sourcecoast.com/components/com_agora/img/members/13863/JomSocial-Login-Popup.png

3. If I can email you the mod_improved_ajax_login tmpl files directly, appreciate if you could take a look and help me modify to link to JFBC button - using the existing image.  This module is found on http://planethop.com/
http://www.sourcecoast.com/components/com_agora/img/members/13863/PlanetHop-mod-improved-ajax-login-Screenshot.png
How can I email yo udirectly?

Thanks.

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

1) I'm pretty sure that's the guests.denied.php file in the JomSocial template's folder. The URL doesn't work for helping narrow things down as it's actually being redirected to the login page. Sorry I missed that before.
2) Can you let me know how you're seeing that popup, or how I can recreate that on your site? We'll help narrow it down. Once we find it, you'll need to add a custom image login button, as mentioned above.
3) As for the AJAX login module, you can send it to me. However, it will take time for us to figure out the file structure and template system they use. Since that's a paid module, I'd highly recommend simply posting the question to them.. "Where can I edit the popup to replace the Login with Facebook button for a different one?" That should get a good specific answer and will likely be quicker than I could figure it out.

If you want to send it to me, just Private Message it to me by clicking the arrow under my avatar and hitting the mail icon.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

1)    Yes, it was the guest.denied.php file.  Updated file and it works now!

2)    You can see this popup on many actions.  For example without logging into the site, go to the following link: http://planethop.com/socialize/dcamp/ph … albumid=49
Click on “Add a friend” or “Send a message”, you will receive the JomSocial poup to login or register.   Please see attached screenshot.

http://www.sourcecoast.com/components/com_agora/img/members/13863/13012013-1242_JomSocial-Login-Popup.png

3)    Haven’t heard back from the developer of mod_improved_ajax_login .  I have emailed you the files.  Please take a look.

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Thanks for the responses. Hopefully the below answers your immediate questions:
1) Glad to hear we got that for you.
2) The file for the popup looks to be blocked.unregistered.php. Again, you'll need to add a custom image login button. The {JFBCLogin} tag *will not* work in that popup.
3) I'll look into the files over the next few days. It will definitely take some time to figure it out, so I can't give you any timeline on when I could get you an answer. Understanding 3rd party components that aren't ones we regularly support (like JomSocial) is a lower priority effort for us. We will try to get you something soon, but I'd still recommending to continue pursuing getting support from the original developers as they'd be much better equipped and aware of how to answer what you're looking for.

Thanks,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Regarding item #2:

The file for the popup looks to be blocked.unregistered.php. Again, you'll need to add a custom image login button. The {JFBCLogin} tag *will not* work in that popup.

Are there some instructions posted somewhere to do the above?

Thanks.

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Yup, you'll just need to add the HTML below wherever you want the button to appear. You should be pretty free to add it wherever you want inside the output from that template file that works best for your layout, and obviously test whatever you add:

Code:

<a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><img src="/linktoimage.jpg" /></a>

Hope that helps,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

I was able to add the Facebook login button to the popup.  Thanks!

Regarding this item form before.  I sent u the file "social.php" from mod_improved_ajax_login by email.  We're you able to take a look at it?

3) I'll look into the files over the next few days. It will definitely take some time to figure it out, so I can't give you any timeline on when I could get you an answer. Understanding 3rd party components that aren't ones we regularly support (like JomSocial) is a lower priority effort for us. We will try to get you something soon, but I'd still recommending to continue pursuing getting support from the original developers as they'd be much better equipped and aware of how to answer what you're looking for.

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Glad to hear you got the popup going.

We had some time to look into the template files you sent for the other login module you're using and have some ideas. We didn't test anything directly, so there are some caveats, but hopefully we can get you something that at least gets you started.

In the social.php file, the following line is what needs to be updated:

Code:

  <span class="loginBtn submitBtn" style="width:auto"><span class="btnIco <?php echo $oauth->alias?>Ico"> </span><?php echo JText::_("LOGIN_WITH_".strtoupper($oauth->alias)); ?></span>

The biggest unknown is how the AJAX Login module hooks into that code to turn it into a clickable button using Javascript. The easiest thing to simply do is replace that whole line with:

Code:

<a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><img src="/linktoimage.jpg" /></a>

That will display your own custom image in that place and should definitely work. Again, you can take a picture of the current login button and just use that. There may some minor styling needed to center things, which we can help with as well.

If you want their exact styles for hovering and such, it's a little more complex as we need to make sure that our login functionality is always called, not theirs. You can try the below, which may work, but also may not fully override their Javascript:

Code:

  <span class="loginBtn" style="width:auto"><a href="javascript:void(0)" onclick="jfbc.login.login_custom();"><span class="btnIco facebookIco"> </span>Login with Facebook</a></span>

That *should* work. The main things to note are the removal of the submitBtn class tag and the addition of our anchor link.

Try that and see how it works out for you. It may not work, but will hopefully get us closer to the best state. Again, the first option should definitely work, but may not look exactly how you want. The 2nd may have functional issues and will need to be tested thoroughly in a few browsers.

Keep us posted on how that goes, and good luck,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Alex,
Some progess!  The second option with this code worked and I could login:
.

Code:

 Login with Facebook

However, the Text font color styling for "Login wth Facebook" is not matching the "Login" text styling, with and without hover.
Also, would like to add a space before and after "Login with Facebook".

Please see attached screenshots to see what I mean.

Thanks.


BEFORE HOVER
http://www.sourcecoast.com/components/com_agora/img/members/13863/Ajax-Login-Facebook-Button-Before-Hover.png

ON HOVER
http://www.sourcecoast.com/components/com_agora/img/members/13863/Ajax-Login-Facebook-Button-On-Hover.png

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Alex,
Did you get a chance to take a look at the above last post regarding the button styling?

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

I was actually thinking about the solution a bit. We're not designers, which is why our extensions are much more 'functional' than glitzy. We'd make a poor template club current/smile

However, I think I came up with the best solution. Above, I suggested removing the "submitBtn" class from the original span. What I'd suggest is re-adding a class, let's call it "jfbcBtn". Then, edit the AJAX login module's CSS file and anywhere you see a submitBtn class, also add the new jfbcBtn class. That *should* let you inherit all the same styles that were there previously and that way, you don't have to figure them all out yourself. It's possible it may not import everything you're expecting, but should get you closer.

You can try to re-add the submitBtn class again, but my fear is that the AJAX module's Javascript is going to attach some of their functionality to the text if you do. It doesn't hurt to try though, but definitely test, a lot, in a lot of browsers.

Hope that helps,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Alex,
Tried what you suggested.  Did not work.

Added the following code:
.submitBtn {
  display: block;
  width: 100%;
  *width: auto; 
  margin-bottom: 10px;
}
.jfcBtn {
  display: block;
  width: 100%;
  *width: auto; 
  margin-bottom: 10px;
}

Tried the code , with and without the .submitBtn

    <span class="loginBtn submitBtn" style="width:auto"><a href="javascript:void(0)" onclick="jfbc.login.login_custom();">
    <span class="btnIco facebookIco"> </span>Login with Facebook</a></span>

And

    <span class="loginBtn jfcBtn" style="width:auto"><a href="javascript:void(0)" onclick="jfbc.login.login_custom();">
    <span class="btnIco facebookIco"> </span>Login with Facebook</a></span>

The Facebook login button appears to be picking up it's styling from the main site template.

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

The width actually looks right to me now. It's just the font color that's incorrect. Add the following and hopefully that should do it for you:

Code:

.submitBtn a {

color: #fff;
}

Getting there current/smile

Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Yup. That did it.  You're good!!!

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Glad to hear it.. I'll be happy to be done with this thread current/smile

As always, should you need anything else, just let us know,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Alex,

Just saw another issue related to logging into my site with mod_improved_ajax_login using Facebook.  Since I have to enable Facebook login and enter the API and Secret key separately for the module from the backed, and I also inserted the JFBC code for Facebook login button for this module (and changed the styling to match); I now get two Facebook login popups when a user clicks on the Login with Facebook button.  If I disable Facebook login from the backend for the module, the Facebook login button does not appear; so I am forced to have it enabled.  Needless to say, I just want one Facebook login popup to appear.

Please look at the earlier email trail.  I hope you are not too confused!

Just go to my home page http://planethop.com/ and try to login with your Facebook account and you will see (you are already registered on the site.)

Thanks.

http://www.sourcecoast.com/components/com_agora/img/members/13863/Double-Facebook-Login-Popups.png

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Yeah, that's what I was talking about above when I said:

f you want their exact styles for hovering and such, it's a little more complex as we need to make sure that our login functionality is always called, not theirs. You can try the below, which may work, but also may not fully override their Javascript:

Glad you tested more.

You should definitely disable their FB integration and not add your App ID / Secret key. Taking a very quick look, I'd say edit the tmpl25.php file. Find the line that looks like:

Code:

       <?php if (@$_SESSION['oauth'] && $socialpos=='top') require dirname(__FILE__).'/social.php'; ?>

Edit that and make it look like:

Code:

       <?php require dirname(__FILE__).'/social.php'; ?>

That just removes the check for whether you enabled that setting or not.

Good luck,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Since I'm using Joomla 1.5, should it be the tmpl15.php file?  And is it the same code?

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Haven't looked at the tmp15.php file, but I believe it's pretty much the same. Look for that same line and see if it's there, if so, alter it like I mentioned above.

Good luck,
Alex

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin

alzander
Alex
useravatar
Offline
24139 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

The file is tmp15.php file.

1. When I made your suggested changes to the file and disabled their FB integration for the module from the backend, I saw this issue, where the facebook login button was missing:
http://www.sourcecoast.com/components/com_agora/img/members/13863/Facebook-Button-Missing.png

2. When I made your suggested changes to the file and  Enabled their FB integration for the module from the backend; two facebook buttons appeared:
http://www.sourcecoast.com/components/com_agora/img/members/13863/Double-Facebook-Button.png

3. This is how the login should really look:
http://www.sourcecoast.com/components/com_agora/img/members/13863/Good-Facebook-Login.png

Administrator has disabled public posting. Please login or register in order to proceed.

Re: JFBConnect Compatibility with Other Third-Party Login modules?

Hi Alex,
Have you had a chance to look at my last comments yet?
I really need to be able to resolve this issue ASAP.
Thanks.

Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11684
Total Polls:
0
Total Posts:
49047
Posts today:
3
User Info
 
Total Users:
47815
Newest User:
codexcrm
Members Online:
2
Guests Online:
1154

Social Stream
SourceCoast Joomla Social Extensions
Friday, 25 May 2018
JFBConnect 8.0 Coming Soon! Stay tuned.
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program