Sure thing. We believe in the teach a person to fish philosophy
For the Javascript error, we used Chrome's Developer Tools. Each browser (nowadays) has a developer tools area where you can get a lot more information about what's going on under the hood of a page. In the tools, we went to the "Consoler". Then, when we clicked the Facebook login button, something like below would appear:
undefined: function not found sdk.js
sdk.js is Facebook's javascript. The function that couldn't be found was our login modal popup. The reason it couldn't be found is still a mystery, but it's likely from some other Javascript on the page causing our code (or Facebook's) to not properly call our popup.
You can't change the Facebook Javascript. Our code also isn't the issue. We'd need to narrow down what other Javascript on the page is causing the conflict and work from there. To do that, you'd want to disable extensions or plugins until things work. Then, work back to see what that extension or plugin was adding to the page that prevented the popup from working.
For the template, in Joomla, you can append ?template=protostar to any URL and force a different template to show. Generally, it's recommended to turn that ability off in the Template Manager options of Joomla, but it's on by default, and we take advantage of it for debugging purposes when we can
In this case, switching the template fixed the problem because either:
a) Your template is including the other JS which is conflicting
b) There's a module that's only showing up in a position on the current template and not on the Protostar template.. because it's not showing, the JS isn't included, and things work.
I hope that helps, but if you have any other questions, just let us know!
Thanks,
Alex