Tip – Open login popup when user try to see free units

[thexlearner]

Hello, Today I will see you guys how you can show the login form when the user try opening a free unit so you can attract the users to signup . 1 - Add this code in wplms customizer plugin : add_filter('wplms_curriculum_course_lesson','wplms_free_access_2',99,3); function wplms_free_access_2($html,$lesson,$course_id){ if(!is_user_logged_in()){ $free=get_post_meta($lesson,'vibe_free',true); return '&lt;a class="button_trig_login" href="#"&gt;'.get_the_title($lesson).(vibe_validate($free)?'&lt;span&gt;'.__('Gratuit','wplms_modern').'&lt;/span&gt;':'').'&lt;/a&gt;'; }else{ return $html; } }<code></code> 2 - Now add this code in your wplms -> footer -> google anaylitics : jQuery("document").ready(function($){ $(".button_trig_login").on('click',function(event){ event.preventDefault(); $('a.smallimg.vbplogin').trigger('click'); }); }); <code></code> Credits : - Restricting non-logged in user to see the free unit - button to open the login popup of default theme Hope this helps Regards, The x Learner

[learner4life]

@thexlearner thanks for this wonderful tip! Works like a charm. Can you also please suggest me if there is a way to do that same for clicking on embedded images?. That is, upon clicking an image, a non logged in users, instead of going to the image url, goes to the pop-up login window?

[learner4life]

Even embedded videos? That would be pretty cool!

[thexlearner]

Sorry I don't know how to do it for videos and images

[MrVibe]

This tip is awesome.

[julianocustodio]

Nice tip, I was looking for it. I have two ideas. 01- Is there any possible way that we can do the poupup like a "light box"? I mean, to highlight the form. Should be nice if the poupup algin center 02-  Is it possible to create a new page layout and insert the register form above the login form? Please, see the image attached. Do you do freelancer? Cheers.

[[email protected]]

You mean like this? http://beta.kursaronline.com.br/curso/basic-of-nature-photography/ If so implementing the modern login should accomplish both. Hope it helps you

[David]

@urdek I loved the way you did with hover effect on courses images. You show the name of instructor, star rating, that's awesome. You used some javascript to do that? Can you share how you did?

[[email protected]]

This was working fine (thank you, thexlearner) before the latest updates, but for it to work with the newest modern theme (diplaying unit description) I had to change a bit. Here's the code I'm using should it help anyone:

//Login popup on Free Lessons
add_filter('wplms_curriculum_course_lesson','wplms_free_access_2',99,3);
function wplms_free_access_2($html,$lesson,$course_id){
$free=get_post_meta($lesson,'vibe_free',true);
if(!is_user_logged_in() && vibe_validate($free)){

return '<a class="login_trig" href="#login">'.get_the_title($lesson).'</a>';
}else{
return $html;
}
}

[[email protected]]

@David Sorry for the delayed response, I wasn't tracking this topic...just came here to update the code in case anyone attempt to use this tip with the latest release. It's all css...use opacity to hide/show it on mouse hover, pretty straight forward. Take care

[vipsindia]

please update the code....

[Author]

Posts