Change the register popup for the link url

Use "Ajax Register" and want to link the "register" Button to the form not display it in a popup. How can I realize that?

Please remove a module from the register module position, then please open the layouts/default.php file and change line:

Code: Select all

// defines if register is active
define('GK_REGISTER', ($this->modules('register') ? $userID == 0 : false));

to:

Code: Select all

// defines if register is active
define('GK_REGISTER', $userID == 0 ? true : false);

In the same file please also remove the following fragment:

Code: Select all

<?php if(GK_REGISTER): ?>
       <div id="gkPopupRegister">   
          <div class="gkPopupWrap">
             <?php $this->loadBlock('tools/register'); ?>
         </div>
      </div>
      <?php endif; ?>

then please open the layouts/block/nav.php file and change the registration path in this fragment (if necessary):

Code: Select all

<a href="<?php echo $this->URLbase(); ?>index.php?option=com_users&amp;view=registration" id="btnRegister"><?php echo JText::_('TPL_GK_LANG_REGISTER'); ?></a>


And finally - please open file: js/gk.scripts.js and change fragment:

Code: Select all

// login popup
   if(document.id('btnLogin') || document.id('btnRegister')) {
      var popup_overlay = document.id('gkPopupOverlay');
      popup_overlay.setStyles({'display': 'block', 'opacity': '0'});
      popup_overlay.fade('out');
      var opened_popup = null;
      var popup_login = null;
      var popup_login_h = null;
      var popup_login_fx = null;
      var popup_register = null;
      var popup_register_h = null;
      var popup_register_fx = null;
      
      if(document.id('btnLogin')) {
         popup_login = document.id('gkPopupLogin');
         popup_login.setStyle('display', 'block');
         popup_login_h = popup_login.getElement('.gkPopupWrap').getSize().y + 8;
         popup_login_fx = new Fx.Morph(popup_login, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0, 'margin-top':0});
         document.id('btnLogin').addEvent('click', function(e) {
            new Event(e).stop();
            popup_overlay.fade(0.85);
            popup_login_fx.start({'opacity':1, 'margin-top': -popup_login_h / 2, 'height': popup_login_h});
            opened_popup = 'login';
         });
      }
      
      if(document.id('btnRegister')) {
         popup_register = document.id('gkPopupRegister');
         popup_register.setStyle('display', 'block');
         popup_register_h = popup_register.getElement('.gkPopupWrap').getSize().y + 8;
         popup_register_fx = new Fx.Morph(popup_register, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0, 'margin-top':0});
         document.id('btnRegister').addEvent('click', function(e) {
            new Event(e).stop();
            popup_overlay.fade(0.85);
            popup_register_fx.start({'opacity':1, 'margin-top': -popup_register_h / 2, 'height': popup_register_h});
            opened_popup = 'register';
            showGKRecaptcha('gk_recaptcha',  'submit_1', 'recaptcha_required_1');
         });
      }
      
      popup_overlay.addEvent('click', function() {
         if(opened_popup == 'login')   {
            popup_overlay.fade('out');
            popup_login_fx.start({
               'opacity' : 0,
               'height' : 0,
               'margin-top': 0
            });
         }
         
         if(opened_popup == 'register') {
            popup_overlay.fade('out');
            popup_register_fx.start({
               'opacity' : 0,
               'height' : 0,
               'margin-top': 0
            });
         }   
      });
   }


to:

Code: Select all

// login popup
   if(document.id('btnLogin')) {
      var popup_overlay = document.id('gkPopupOverlay');
      popup_overlay.setStyles({'display': 'block', 'opacity': '0'});
      popup_overlay.fade('out');
      var opened_popup = null;
      var popup_login = null;
      var popup_login_h = null;
      var popup_login_fx = null;
      
      if(document.id('btnLogin')) {
         popup_login = document.id('gkPopupLogin');
         popup_login.setStyle('display', 'block');
         popup_login_h = popup_login.getElement('.gkPopupWrap').getSize().y + 8;
         popup_login_fx = new Fx.Morph(popup_login, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0, 'margin-top':0});
         document.id('btnLogin').addEvent('click', function(e) {
            new Event(e).stop();
            popup_overlay.fade(0.85);
            popup_login_fx.start({'opacity':1, 'margin-top': -popup_login_h / 2, 'height': popup_login_h});
            opened_popup = 'login';
         });
      }
      
      popup_overlay.addEvent('click', function() {
         if(opened_popup == 'login')   {
            popup_overlay.fade('out');
            popup_login_fx.start({
               'opacity' : 0,
               'height' : 0,
               'margin-top': 0
            });
         }   
      });
   }


That's all - I'll make this topic a sticky topic

Ok, that runs, but I need only the register without popup and th login with.

Maybe I can load in the register popup a other form (the Ajax register or the joomla one)?

And how I can change the Login_menu

If you have applied all changes correctly then the login popup should works properly.

If you have applied all changes correctly then the login popup should works properly.

I tested it more than one times, with the same result.

You can see it on my site (on top right):

http://www.ecin.de

Please use the attached gk.scripts.js file.

Please use the attached gk.scripts.js file.

runs now thanks

Test it now, but the function didn´t runs, have now the old registerform in popup

Think it is browser problem, because with IE it runs.

I've checked your website now and it seems to be working properly - login popup appears after clicking the button and the register button redirects to the register form.

Hi can you please check my site too i have the same problem.
http://shahavenue.viepak.com/

it seems that the whole div <div id="gkPopupLogin"> is not appearing in the source code for registration page.
I need the same situation as you solved before.

Solved this by simply changing the if condition as
<?php if(GK_LOGIN) : ?>
in
gk_fashion/layouts/blocks/tools/login.php

Now only facing one problem that is there is
'No sync between Joomla and K2 user groups'
i.e on new registration k2 did not assign any user group to the new user.

Please help me to solve this.

Please sometimes use the forum search: https://www.gavick.com/forums/security- ... ups#p75866

Thank u dziudek for fast response, I've read that forum but still not getting the solution.
There is 'First of all, use a K2 tool module for registration.' from where i can accomplish that.???
Secondly i've already configured the default user group for new registration as registered group.

You can enable it in the K2 Advanced settings - there is option: "Enable K2 User Profile"

Thanks alot 'dziudek' it works