Topic-icon How to add SCLogin to existing Pop-over

Active Subscriptions:

None
6 years 10 months ago #61852 by Kcamsoma
Hi,

I am trying to replace LoginRadius with SCLogin 7.2.0. Currently customers come to our site and they see a Login Icon in the upper right (fixed-sidebar-right)


They then proceed to click on the icon, and a pop-over slides out from right to left.



The pop-over has the login and Social Login (currently only set to Google for testing). I can get the SCLogin module to show up in every other location on the site except fixed-sidebar-right.

Is there a way to do get SCLogin to work within the pop-over or get the JFBconnect buttons to replicate the LoginRadius pop-over?

I am also experiencing a strange behavior with Social Logins, but will ask that in the JFBconnect forum.

Website: www.elitesportz.org

Thanks.
Mack
The topic has been locked.
Support Specialist
6 years 10 months ago #61857 by mel
What happens when you place the module in the sidebar position? Are there any errors on the console? Is the area blank? It's possible that it's a conflict with your template and the SCLogin styling. Is there a way that we can see the module in that position on a test page so that we can inspect it to see if there's an obvious issue?

One other thing to consider is that adding the social login buttons to other modules and page content is actually pretty easy. If you simply insert the {JFBCLogin} easy-tag into the LoginRadius popover, the social login buttons that are configured in JFBConnect will be displayed.

-Melissa
The topic has been locked.
Active Subscriptions:

None
6 years 10 months ago #61861 by Kcamsoma
Hi Melissa,

When I place it in the sidebar position, nothing happens. None of the buttons show up. There are no errors. The area is populated by the LoginRadius, however, when set to the same position, the JFBConnect buttons do not appear.

Yes, I believe there is a conflict. I currently have it enabled and in the sidebar position.

I am not familiar with how to add {JFBCLogin} easy-tag into LoginRadius. Can you provide me with the steps?

Thank you.
Mack
The topic has been locked.
Support Specialist
6 years 10 months ago #61865 by mel
A couple of suggestions:

1. Additionally, the other modules in that position have the following classes on the div "moduletable login_megamenu login_shell", but SCLogin just has "moduletable ". Could you try adjusting the classes in your module class suffix for SCLogin to match and see if that helps.

2. Looking at the source on the page, it appears that you've set up SCLogin to be in a modal popup layout. Could you try switching the "Login View Settings" option to "Always Visible" instead?

For the {JFBCLogin} tag, all you need to do is to place that code into the view file for whatever module you want to use for login. For examples, you can use the standard Joomla login module and just place the easy-tag in the /modules/mod_login/tmpl/default.php file anywhere. The the social login buttons would show up there.
{JFBCLogin}

But first try the 2 suggestions to see if it's a simple reason why the module is not showing properly and let me know if those help.

-Melissa
The topic has been locked.
Active Subscriptions:

None
6 years 10 months ago - 6 years 10 months ago #61871 by Kcamsoma
Hi Melissa,

I tried the following as you suggested. I also tried the other two lines because I see those listed in the other two Social Login Modules that are enabled. Nothing changed in either case:

login_megamenu login_shell
login login_shell
moduletable login_megamenu login_shell

I then added {JFBCLogin} to mod_socialloginandsocialshare (LoginRadius) but that crashed the site. So I added it {JFBCLogin} mod_login but nothing changed.

Thanks.
Mack
Last edit: 6 years 10 months ago by Kcamsoma.
The topic has been locked.
Support Specialist
6 years 10 months ago #61875 by alzander

I then added {JFBCLogin} to mod_socialloginandsocialshare (LoginRadius) but that crashed the site

If you set Error Reporting to 'Maximum' in the Joomla Global Configuration area, that should show the actual error message for why that crashed the site. My guess though is that you put the {JFBCLogin} tag inside a PHP block of code. It should not go inside a PHP block but inside a normal HTML area where something might normally be displayed directly to the user.

Beyond that though, if you really want to customize a separate module and add our buttons, I'd recommend just adding them directly with some HTML, like:
<a id="sc_fblogin" href="javascript:void(0)" onclick="jfbc.login.provider('facebook');">
<img src="/media/sourcecoast/images/provider/facebook/icon_label.png" alt="Login With Facebook" title="Login With Facebook"/></a>
You can change all 'facebook' text to 'google' and it will switch to google. With that, you can add the login buttons wherever and however you want and things should work as expected.

I hope that helps, but if you need more assistance, just let us know.

Thanks,
Alex
The topic has been locked.