HOW TO: Pimp the Joomla! login module

6 Comments
Written by Achim on 14 October 2012. Posted in Joomla!


Pimped Joomla! login module This article explains how to add some functionality to the standard Joomla! login module using an HTML override. The example below is taken from my website running on Joomla! 2.5.

Recently I changed the template of my website. Instead of getting one from a template club I decided to create a template from scratch using the Bootstrap Framework which is used by Joomla! 3.x. An excellent start for this new template gave me the Blank Template and Twitter Bootstrap Tutorial for Joomla! from Alexander Schmidt.

After the template was finished (so far) I found that the standard Joomla! login module looked a bit boring an could need some more functionality. The plan was to give my users access to often needed functions like "Private Messages" and the "Forum User Profile". I'm getting a lot of questions about how I created that "pimped" module so here is a howto.


Step 1: The HTML Override

Yes, it is possible to add functionality to Joomla! code without loosing the changes with the next Joomla! update. The answer is "HTML Override". The Joomla! documentation shows how that generally works: How to override the output from the Joomla! core

In our case we do NOT edit ./modules/mod_login/tmpl/default.php. Instead we create a copy of that file in the templates subdirectory. Go to TEMPLATE_NAME/html and create a directory "mod_login", then enter that directory and copy the above mentioned "default.php" to this new directory.

cd TEMPLATE_NAME/html

mkdir mod_login

cd mod_login

cp PATH_TO_JOOMLA/modules/mod_login/tmpl/default.php .


Step 2: Modify the login module html output

I wanted to have 3 links in the module, a link to the Joomla! profile settings (name, username, password,…), a link to the Discussions user profile (avatar, signature, …) and a link to the user's Private Messages. I opened the copy of default.php and added the links to my extensions. e.g.

Modified module code

You'll find the complete default.php in the zip-file:

Download modified default.php



Please note that this code is written for my website and only shows nice icons when used with Bootstrap. If you are not using Bootstrap, then you might want to add some icons the "traditional way" with img-tags. Anyway, the code should work and should give you a good start for your own User-Box.

Links:

1. How to override the output from the Joomla! core
2. Bootstrap
3. Blank Template and Twitter Bootstrap Tutorial for Joomla!


About the author

Achim

Achim Fischer, Codingfish

Achim is the owner of Codingfish Limited. He is a big fan of mobile devices and is currently developing some native Android and iOS apps. Achim is on Facebook, Twitter, LinkedIn, Google+ and Fuldany

Showing 6 comments to "HOW TO: Pimp the Joomla! login module"

jetstar
jetstar
15.10.2012 03:34
1
After I asked you on Facebook how to do it I was saddened by the fact I could not easily do this. I tried my own thing but it does not work very well, so thank you for adding this.
Eagledk
Eagledk
17.10.2012 19:33
2
Thanks Achim for sharing this, I have allways liked your login module. So now I have implemented it on my side too. I'm just missing the icons.
Achim
Achim
17.10.2012 22:00
3
@Eagledk Yes, the icons are inserted automatically by Bootstrap. You could just put an html img tag in front of the lines to put some icons in there.
Eagledk
Eagledk
18.10.2012 18:02
4
Thanks again Achim, but I had to remove it again, because I haven't seen that when I implemented the new design, it allso changed it before login, and that wasn't looking good because of my template.
Orion5814
Orion5814
28.08.2013 20:40
5
Hey, so the tutorial looks fine, but I'm running across an issue where I modify my template in /var/www/templates/rt_ionosphere/html/mod_login and I modify the default.php, but the changes don't show at all. I've tried clearing my Joomla Cache and my browser cache to no avail. Any ideas as to why nothing's changing? Thank you.
joyce0123
joyce0123
25.02.2014 03:26
6
I recommend you below an other site about How to login to Joomla
and extremely helpful and well explain. - See more at:
http://www.gowallaby.com/how-to-login-to-joomla


Please login and leave a comment







Products & Projects


chimoora.com - The Community Management System
italobikes.com - For friends of italian motorcycles
fuldany.de - The social network for Fulda
© 2007-2014 Codingfish Limited, All Rights Reserved
Android and Google Play are trademarks of Google Inc.
The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.