configuring login/signup buttons

You can accomplish this pretty easily with JFBConnect. First enable the 'Social Profiles - JomSocial' plugin. Then go into the JFBConnect backend > Profiles > JomSocial tab. In that tab, set the "Skip JS Terms of Service" option to No. When a user then logs in with a social login button, they will be prompted to accept the terms on the mini registration page. One caveat is this will only be required when 'Enable Automatic Registration' is set to No.

If you have the 'Use SourceCoast's JFBC' option in JomSocial enabled, then the login buttons will be included in the applicable JomSocial views. Additionally, you can also use our SCLogin module that comes with JFBConnect. After log in with the social login buttons or Joomla credentials, the user can then log out from that module as well.

I hope this helps, but let us know if you need more help/clarification.

-Melissa

What I want is a simple login button that opens up with social login/registration options, with terms of service checkbox, that then converts to a my account/logout option when a user is logged in.

Unfortunately, that's not possible. When the user authentication happens, the user is redirected to Facebook (or other social networks). We can't pass information along or verify that the ToS box is checked first before clicking the button. Before they click the login button, we have no idea who the user is and only get that information and can determine if they already have an account or not *after* they've logged in through the social network. To put a ToS checkbox that is required would make it so every user, even logging in (not just registering), would have to check that box before authenticating. That'd be pretty intrusive.

If you have a ToS that must be clicked, you should disable automatic registration and use the normal login flow where you can send users after they register to fill out any additional information (like that approval). Facebook does have a "Terms of Service" link that you can setup through Autotune to point to your ToS page. When the user registers for your site/app through Facebook, it includes a link to your ToS and says "By accepting, you agree to the ToS".. so that generally should take care of what you're looking for.

Also, does this login signup allow people to enter their own email and password if they don't want to use a social network to login?

You can always leave standard JomSocial registration enabled so that users can join using email/password if they want.

Must I use the SCLogin module for that? or are there other options? here's what happens when I use the SCLogin module.

The issue you're seeing in your video is usually due to conflicts between Bootstrap and jQuery. Please enable the "Include Bootstrap / JQuery" setting in JFBConnect which includes a JFBConnect-specific version of those libraries that should run into conflicts with other instances of them.

I hope that helps,
Alex

The login on this site is implemented using the SCLogin module. It's placed in a module position in the top right portion of our template and then we have some additional styles in our template to integrate it with the site. Every template is different, but you should be able to integrate it however you want in your site as well. The popup login area is a feature in SCLogin that should be easy to enable.

Your registration allows a user to login with email and password so I'm guessing that this would be accomplished under "Normal Registration" in JFB configuration by selecting 'blank' for 'password Field on registration' and 'Show' for email field on registration.

Users on our site can register with a normal email or password using the standard Joomla registration flow. For social network registration, we have automatic registration enabled. That way, an account is created automatically. If you want the same flow, you should enable Automatic registration as well and the user will generally bypass any registration forms unless they are using a network that doesn't provide an email address (Amazon, Instagram, etc)

I hope that helps answer your questions,
Alex

The popup isn't working because there's some sort of Javascript error on the page. However, you have something compressing a lot of stuff on the page, so it's very difficult to narrow down. Can you disable any optimization extensions you have going to see if that fixes the issue on it's own? If not, leave it disabled so we can investigate further

You can PM me admin access by clicking the mail icon under my picture to the left. For now though, I'd rather start with the above as it's best for dev sites to not have a bunch of optimization stuff getting in the way.

Thanks,
Alex