Add Registration to Login Modal

This topic has 3 replies, 2 voices, and was last updated 9 years by sharmstr.

Author

Tagged: Login Modal
December 22, 2014 at 13:46 #39952

bhavya
Participant
Hi,

I am trying to get the new user registration on the Login Modal itself.

In my child theme I have modified the general-popups.php with the following code –
COPY CODE
```
<div class="kleo-pop-title-wrap main-color">
            <h3 class="kleo-pop-title"><?php _e( "Log in ", "kleo_framework" ); ?></h3>
			
			<h4> or <a href="#kleo-register-modal" class="kleo-show-register"><?php _e( 'Create an account' );?></a></h4>
           
        </div>
```
And :
COPY CODE
```

<div id="kleo-register-modal" class="kleo-form-modal main-color mfp-hide">

	 <div class="kleo-pop-title-wrap main-color">
            <h3 class="kleo-pop-title"><?php _e( "Just fill in the fields below, and we\'ll get a new account set up for you in no time. ", "kleo_framework" ); ?></h3>
	 </div>
  
</div>
```
I have also added kleo-show-register insidemagnificPopup: function() in the app.js (For just testing the link I have edited the app.js in the main theme itself)
COPY CODE
```
 /* Register modal */
        $('.kleo-show-register').magnificPopup({
          items: {
            src: '#kleo-register-modal',
            type: 'inline',
            focus: '#username'
          },
          preloader: false,
          mainClass: 'kleo-mfp-zoom',

          // When elemened is focused, some mobile browsers in some cases zoom in
          // It looks not nice, so we disable it:
          callbacks: {
            beforeOpen: function() {
              if($(window).width() < 700) {
                this.st.focus = false;
              } else {
                this.st.focus = '#forgot-email';
              }
            }
          }
        });
```
Now when I click on the ‘Create an account’ link in the Login Modal, it does not do anything.
Could you please have a look & let me know what I am doing wrong? Are there any other files I need to modify to make the link work? Thanks.

Attachments:
You must be logged in to view attached files.
December 22, 2014 at 15:09 #39971

sharmstr
Moderator

Without looking at the code the first thing that pops to mind is that kleo doesnt load app.js. It loads app.min.js. So if you’re making your changes to app.js and not minifying the file and saving it to app.min.js, it will never work.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

December 25, 2014 at 10:06 #40307

bhavya
Participant

Thanks!
I have now created a kleo_register_user_ajax() in functions.php.
But I could not find the action/function to create the new user in the DB. Should I be calling
bp_core_signup_user() directly from the kleo_register_user_ajax() to write to the DB & send the verification email ?

December 25, 2014 at 12:41 #40322

sharmstr
Moderator

Don’t know. Ask the Buddypress forum.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Author

Posts