Social Button Position, Profile Updates with EasySocial and Menu Login

1 Issue and 2 Questions

I have JFBConnect v 5.2.2 installed with the latest versions of ES/EB/ED/K and JReviews on Joomla 3.2.1

All profile plugins are enabled and EasySocial is set as the component for registration with automatic registration set to 'No'.

Facebook, Google+and Twitter api integrations are set up and working.

The button code has been added to the bottom of the default.php file in wireframe/login/ and wireframe/unity/ folders:

<div class="row-fluid">
<div class="span12" style="margin: 10px 0 0 0">
{JFBCLogin text=Or, Login with}
</div>
</div>

Issue

The buttons appear directly below the EasySocial login area for the EasySocial Login Menu/Module, but at the bottom of the page for the EasySocial Unity Menu/Module, because 'Unity' also has a section for "What is happening in the Community" below the Login/Register area and the JFBConnect Social buttons are set to appear at the bottom of the menu/module area.

What code changes are needed to get the social buttons to appear directly below the login/register section in "Unity" and before the "What is happening" section?

Question 1

The "Always Import Profile Data" is set to yes in the EasySocial Profile Import section and has already updated existing users who are on Facebook. If I leave the setting at "Always Import" and the user has made some profile changes on my site, will the next profile import from Facebook (or Google+/Twitter) override those changes the next time they come back to my site?

If future imports only update items that have not been changed that is perfect, but if it will override any changes there could be a problem:

It is nice to have their profile data in sync with FB, G+ or Twitter but there could be any number of reasons why some members want to keep it in sync and others want to maintain them as separate profile content.

I know I can change the setting to only import on registration, but does not allow members who wish to keep profiles in sync to do so.

A solution would be to allow the user to disable the auto sync import feature after registration for their profile only, if they so wished (assuming the main admin setting was at "Always Import"), is that possible to include as a feature - assuming the updates currently overrides any local changes?

Question 2

I would like to have a login/register option with popup layout and menu name switch to "Account" exactly the same as the current Sourcecoast website version, but operating through the EasySocial registration process.

Is that something I need to take up with Stackideas, or can JFBConnect amend their existing SCLogin Module (or adjust something else) to work through EasySocial instead of JFBConnect? I assume at the moment the module is not part of the integrated EasySocial registration process option, but I could be wrong, please correct me if that is the case.

Thank you in advance for your help.

Thank you for the reply and clarifications Alex, appreciated.

Ref Issue - I will contact Stackideas about the button alignment, it is only a small tidy up on the login module and you are right, it would be easier for them to identify what is needed for the buttons to appear correctly in Unity.

Ref Q1 - on reflection it is probably better to allow a user to "opt in" to sync as well as "opt out", so perhaps the future update could have the following:

The "Only import on Registration" option always shows a "Sync with Facebook" (or whatever social path they used to sign up or all external social media, whatever you think is best) button for new members in their profile after registration.

The "Always Import Profile Data" option always shows a "Stop sync with Facebook" (or whatever social path they used to sign up or all external social media, whatever you think is best) button for new members in their profile after registration.

Or perhaps just add a button in the profile that alternates between "Stop Sync with xxxx" and "Sync With xxxx"

I will keep it as "Only Import on Registration" for the moment until I get solid feedback from members that they would like to change.

Ref Q2 - I will contact Stackideas, the layout of their current login module already has the required content and would be the best option to adjust for a pop up login linked to the menu and containing the JFBConnect Social Buttons (including LinkedIn in the near future if I understand your replies to other forum posts correctly).

I will update this thread with any progress or if coding assistance for Stackideas is required.

I received a reply to the question in Stackideas thread as follows Alex:

1. (The location of the JFBConnect buttons in default Unity layout) This is controlled by JFB's plugin trigger where the plugin is listening to a specific event to inject itself and with that, we do not have control over where JFB inject itself.

2. (Using an existing ES module as the starting point to integrate and look like the SCLogin popup on Sourcecost) This is currently not possible yet and we will see if we can add this in the login module in the future.

However a new thread has just been opened here on Stackideas with a code edit and placement solution to the JFBConnect buttons that I think is perfect for the current EasySocial layout and he plans to make similar JFB button changes/additions to the other Stackideas modules (see attached image).

I have asked the member to post the changes he made, perhaps you can check the thread and see what you think of his solution?

The discussion in the Stackideas thread File location advice for inserting JFB tags solves the problem of including the JFBConnect buttons (including LinkedIn when it is part of JFBConnect shortly) in the following EasySocial modules and menu options:

Menu Option 'Login Layout' (see loginandunitylayouts.png)

Menu Option 'Unity Layout' (the top part of my initial query in this thread, see loginandunitylayouts.png)

Toolbar Dropdown Login Menu (see toolbarmenudropdown.png)

Komento Login option for making comments

There are code examples (file downloads) for the layouts in the thread.

You can see the changes for all 4 options on David's website here and I think all the options are a neat way to include the JFBConnect buttons for integration with EasySocial at login.

There may not be a need for SCLogin to be integrated, perhaps an inclusion of a similar pop up version with the Toolbar Dropdown menu option in a later release of JFB Connect would be the best route as 80% of the code is now in place with these changes.

One small but important change, as it is important to let visitors know they can register with social buttons as well, we have used the Language override to change "Or login with" to "Register or Login with" for the JFBConnect social buttons in the right hand box:

Language Override:

COM_EASYSOCIAL_LOGIN_JFB="Register or Login with"

The attached image shows the new look (buttons are not centered in this image to show there is enough room for the LinkedIn button):

Version 6.0.1 was very smooth, great work again Alex, the LinkedIn button fits perfectly into the EasySocial login Menu. I have added a post at the end of the Stackideas thread File location advice for inserting JFB tags with detailed steps on how to achieve it. The person who started that thread deserves the credit, I only added a few tweaks!

I will add details for changes to Unity, Login Dropdown, Komento, EasyDiscuss and JReviews when amended, but again David really deserves the credit, not me.

Hi Alex,

I sent you a pm with a step by step word doc guide on how the following JFBConnect button links were achieved by David with EasySocial, EasyDiscuss, Komento and JReviews in case it was helpful to you in your 3rd party documentation guide. There may be a better way to do it, obviously you would know that better than me and adjust accordingly.

All using JFBConnect 6.0.1 with Joomla 3.2.2 and Bootstrap 3.

1. EasySocial Dropdown Login Menu
2. JReviews Login
3. EasySocial Login Menu and the top part of EasySocial Unity Menu
4. EasyDiscuss Login
5. Komento Login