can't get userarea popup to work

This seems to be a frequent question here but after trying all the suggestions I'm still stuck. I'm using the News2 template based on the QuickStart files, and I'm trying to get the User Menu to show up as a popup in the userarea. I can log in fine, but hovering over the "your account" button does not show the popup. I can assign the User Menu to any other area and it works.

Suggestions?

Thanks,
Kent

Hi

This template doesn'r have a popup for login. Do You mean this page http://demo.gavick.com/joomla25/news2/i ... =blankpage ? It's a separate page with only an additional parameter of "tmpl=blankpage". You can set this link in template settngs:

Hi - thanks for the reply. I should have clarified and said that I can't get the User Menu to show up after you've logged in. The demo template has this assigned to the "userarea" position but I can't make it work.

On the front end initially the userarea says "login" that then changes to "your account" after you've logged in. I thought the User Menu would show up once you hovered your mouse over "your account". If I change the User Menu to any other position I can make it work, but I'd rather have that pop up. This is how the Gavick main site works once you've logged in.

Thanks,
Kent

Hi

Can You please show me a screenshot? I've just installed a quickstart and even after login I see no popup, so I think it was not implemented this way. I think I'm a little lost in Your request. Can You please explain ?

Thanks for your reply. It is correct that the demo template doesn't seem to work right. After you log in the user menu doesn't appear anywhere, even though it is assigned to the "usermenu" position.

What I'm trying to do is have that menu pop up when you hover over the "my account" button after you've logged in. Attached is a screenshot of the main gavick.com site, which is what I expected to happen. However, this doesn't seem to be consistently implemented on the site, as that popup only shows up on the main site, and not on the user forum.

I hope I'm explaining this well. I guess the real question is where should the user menu appear on the News2 demo?

Thanks,
Kent

Screen Shot 2014-04-14 at 6.46.46 PM.png

Hi

Now I understand. Sorry it too so long. Please send me an access to Your site so I'll compare menu and module settings and make it for You.

Thanks! I just sent an email with access to the site.

Kent

Hi

Ok I've just checked and compared Your website with a clean quickstart, but as I thought this template doesn't have such functionality. Template used by Gavick.com site is a different one. So this cannot be done without some customisations. Normally we do not support that, but since I've kept You waiting and had problems to understand I'll make it for You. Pleas esend me an access to ftp.

Hi - any status on this? I had sent you ftp access as a while back. Please let me know if you need anything from me.

Thanks,
Kent

Hi

I'm afraid I have not recived the access. Otherways I would have done it already. Can You please send it one more time. Make sure url to this thread is in the message.

No problem, I just sent the info again. Thanks again for your help.

Kent

Hi

I've added a new module position for menu to add menu module with after register options and the code to handle showing menu when mouse cursor is over the login button to /layout/default.php in line 103:

Code: Select all

          <?php if($userID != 0): ?>
             <div id="login_menu"><jdoc:include type="modules" name="usermenu" /></div>
             <script type="text/javascript">(function($) {$(document).ready(function() {
               $('#gkLogin').hover(function(){
                  $('#login_menu').show();
               },function(){
               });

               $('#login_menu').hover(function(){
               },function(){
                  $('#login_menu').hide();
               });
             });})(jQuery)</script>
                  <?php endif; ?>
               <?php endif; ?>


and a look to override.css:

Code: Select all

#login_menu {
    background: none repeat scroll 0 0 #2E3033;
    margin-top: 54px;
    position: absolute;
    right: 0;
    width: 195px;
    z-index: 9999;
    display: none;
}

#login_menu:hover {
    display: block;
}

#login_menu ul li a {
    display: block;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    color: rgba(255, 255, 255, 0.7);
}

#login_menu ul li a:hover {
    background: none repeat scroll 0 0 #35383B;
    color: #FFFFFF;
}


This works great! Thank you again for your help.

Kent

Hi

No problem. Glad I could help

Hello

I don't undestand what can I do with code. It's not ok for me. Can you help me.

I send you a login and password

merci, thank you

marie

Hi

Please try just follow the instruction. It cannot be more detailed. Maybe You just missed to create a new menu module in module position user menu which is displayed in the mentioned userarea.

Hi

I've added a new module position for menu to add menu module with after register options and the code to handle showing menu when mouse cursor is over the login button to /layout/default.php in line 103:

Code: Select all

          <?php if($userID != 0): ?>
             <div id="login_menu"><jdoc:include type="modules" name="usermenu" /></div>
             <script type="text/javascript">(function($) {$(document).ready(function() {
               $('#gkLogin').hover(function(){
                  $('#login_menu').show();
               },function(){
               });

               $('#login_menu').hover(function(){
               },function(){
                  $('#login_menu').hide();
               });
             });})(jQuery)</script>
                  <?php endif; ?>
               <?php endif; ?>


and a look to override.css:

Code: Select all

#login_menu {
    background: none repeat scroll 0 0 #2E3033;
    margin-top: 54px;
    position: absolute;
    right: 0;
    width: 195px;
    z-index: 9999;
    display: none;
}

#login_menu:hover {
    display: block;
}

#login_menu ul li a {
    display: block;
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    color: rgba(255, 255, 255, 0.7);
}

#login_menu ul li a:hover {
    background: none repeat scroll 0 0 #35383B;
    color: #FFFFFF;
}


I use code but I dont see menu like THis

https://www.gavick.com/forum/download/file.php?id=14039

I sent the url of my site by pm

You see

I use joomla 2.5 and template News2, this code it's ok for this version ?

Hi

Yes code should be ok. Please try and if You will have problems please send me an access to ftp.

<?php if($userID != 0): ?>
<div id="login_menu"><jdoc:include type="modules" name="usermenu" /></div>
<script type="text/javascript">(function($) {$(document).ready(function() {
$('#gkLogin').hover(function(){
$('#login_menu').show();
},function(){
});
$('#login_menu').hover(function(){
},function(){
$('#login_menu').hide();
});
});})(jQuery)</script>
<?php endif; ?>
<?php endif; ?> why 2nd endif in your code ?

for me

ligne 101 <?php if($this->API->get('login_url', '') != '') : ?>
ligne 102 <a href="<?php echo str_replace('&', '&amp;', ($userID == 0) ? $this->API->get('login_url', 'index.php?option=com_users&view=login') : str_replace('&tmpl=blankpage', '', $this->API->get('login_url', 'index.php?option=com_users&view=login'))); ?>" id="gkLogin"><?php echo ($userID == 0) ? JText::_('TPL_GK_LANG_LOGIN') : JText::_('TPL_GK_LANG_LOGOUT'); ?></a>
ligne 103 <?php endif; ?>

where can I use code please ?
thank you

Hi

Please send me an access to ftp. I'll just make it for You.

Hello

I send password and login mp

thank you

marie

Hi

You made everything ok. Just had to publish this user menu in "usermenu" positions which was created by my code. Works ok now.

Good work one year later¡¡¡ Just what I was looking for¡¡¡