Public Forums 71,145 posts

[islandview Friend islandviewJoin date: December 2007Posts: 126Downloads:8Uploads:11 Thanks: 24 Thanked: 3 times in 2 posts]

#918561

I’ve really tried to find this on the forums but I can’t see any coverage of it in recent times… old threads for old versions, but I’m on Joomla 3.5.1 and T3 latest with BS3.

What I’m trying to do is get a LOGIN link on the main nav menu just like there is on http://www.t3-framework.org/

Can that be done? I use EasySocial so ultimately I’m trying to have a LOGIN link aligned to the right on the main nav menu which when clicked shows the EasySocial Login Box module.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#918621

Hi there

The login used on http://www.t3-framework.org/ is a Customized ja_login module

If you want to replicate it follow steps below after installed ja_login module

1) Create a position for the login into mainmenu

2) Open this file /templates/t3_bs3_blank/tpls/blocks/mainnav.php and add the position at the end of file in this way

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>
 <?php if ($this->countModules('head-login')) : ?>
<div class="head-login <?php $this->_c('head-login') ?>">
<jdoc:include type="modules" name="<?php $this->_p('head-login') ?>" style="raw" />
</div>
<?php endif ?>
</div>
</nav>

3) Open this file /templates/t3_bs3_blank/templateDetails.xml and add the new position in the block

<position>head-login</position>

4) create a new file and name it custom.css in this folder /templates/t3_bs3_blank/css/ and add

.head-login {
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
  position: absolute;
  top: 0;
  right: 60px;
}
.head-login a {
  color: #555555;
}
.head-login a:hover,
.head-login a:focus,
.head-login a:active {
  color: #333;
  text-decoration: none;
}
.head-login a.show {
  color: #fff;
}
.head-login .ja-login .login-greeting {
  color: #07b;
  display: inline-block;
  padding-right: 10px;
}
.head-login .ja-login .logout-button {
  display: inline-block;
  color: #999;
}
.head-login .ja-login .logout-button input {
  background: transparent;
  border: 0;
  color: #999;
  margin: 0;
  padding: 0;
}
.head-login .ja-login .logout-button:hover {
  color: #fff;
}
.head-login .ja-login .logout-button:hover input {
  color: #fff;
}
.head-login ul.ja-login li #ja-user-login,
.head-login ul.ja-login li #ja-user-register {
  border: 1px solid #999;
  right: 0;
  left: auto;
  top: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.head-login ul.ja-login li #ja-user-login .arrow,
.head-login ul.ja-login li #ja-user-register .arrow {
  background: url(../images/arrow-top.gif) no-repeat left top;
  display: block;
  height: 7px;
  position: absolute;
  top: -7px;
  right: 10px;
  width: 13px;
}
.head-login ul.ja-login li #ja-user-login form,
.head-login ul.ja-login li #ja-user-register form {
  margin-bottom: 0;
}
.head-login ul.ja-login li #ja-user-login label,
.head-login ul.ja-login li #ja-user-register label {
  color: #666;
}
.head-login ul.ja-login li #ja-user-login .btn,
.head-login ul.ja-login li #ja-user-register .btn {
  margin-top: 0;
  padding: 8px 20px;
}

5) create an override of your ja-login module go to extensions->Templates-> T3_bs3_blank Details and Files -> create override tab and select the ja-login module

6) open the default.php file of the overrided module in this folder /templates/t3_bs3_blank/html/mod_jalogin and around line 40 and 106

7) add the 2 icons adding the <i class="icon-lock"> and <i class="icon-user"> between the span tag

<a class="login-switch" href="<?php echo JRoute::_('index.php?option=com_users&view=login');?>" onclick="showBox('ja-user-login','mod_login_username',this, window.event || event);return false;" title="<?php echo JText::_('TXT_LOGIN');?>"><span><i class="icon-lock"></i><?php echo JText::_('TXT_LOGIN');?></span></a>

<a class="register-switch" href="<?php echo JRoute::_("index.php?option=com_users&task=registration");?>" onclick="showBox('ja-user-register','namemsg',this, window.event || event);return false;" >
<span><i class="icon-user"></i><?php echo JText::_('REGISTER');?></span>
</a>

8) Publish your Ja_login module into head-login position

Look at the resulted page below

---

Attachments:

1. 

[islandview Friend islandviewJoin date: December 2007Posts: 126Downloads:8Uploads:11 Thanks: 24 Thanked: 3 times in 2 posts]

#918762

Thank you Pavit. Thank you!

This is PERFECT. Hopefully it will assist others too.

[rabakema Friend rabakemaJoin date: September 2013Posts: 9Downloads:31Uploads:8]

#989940

Hi pavit, thank you for the very clear instructions on how to get the Ja-login module in the megamenu. I have a few problems with the same, which you may be able to help me with.

1. I tried your instructions on the Purity iii template and the login module appears below the megamenu as per the attached screenshot
2. After I have logged in, the logout button appears but is not clickable.
3. The login pop-up appears as shown in the screen shot, not as I expected. The register pop up does look good.
   I would appreciate your help to solve these issues.
   Rabakema

---

Attachments:

1. 
2. 
3. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#990831

rabakema wrote:

rabakema

Hi there

Please open a new topic and provide in it also a login to your backend –

[Author]

Posts