- This topic has 3 replies, 2 voices, and was last updated 9 years, 6 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eMember › eMemeber – Unsatisfactory login function for integration
Hiya My website is located at [www.bodyzonefit.com]
I’ve installed WP eMember and am pleased with the functionality but I’m struggling to figure out how best to integrate a log in/log out function as the documented method appears rather “old fashioned” (such is the speed the web moves)!
I would ideally like the log in to be located in the horizontal menu & I’ve managed to get the Fancy Login Widget/Popup to work on the top menu. BUT it looks roughs (i.e. it doesn’t trigger a roll over) & once logged in there is no option to logout.
Is there a more elegant means of including the log in/log out function so its dynamic (i.e. show the log out if logged in and vice versa). I’ve read all the documentation but it doesn’t cover this area.
Many thanks
Craig
Have you used the following? It shows the login link when the user is not logged in then it shows logout link if the user is logged in:
https://www.tipsandtricks-hq.com/wordpress-membership/using-a-compact-login-and-join-us-message-203
Hi, I felt the compact login module by itself to be lacking (not in functionality but more the skill level required to exploit it).
What would be really useful if you could advise how I integrate your plugin with Nav Menu Roles. The author mentions a coding based approach (if you don’t use traditional WP roles)…could you advise if this can be intgrated with your plugin?
[https://wordpress.org/plugins/nav-menu-roles/faq/]
Many thanks
Craig
Hi
In the end I found a very simple solution! I added
.hide-item-not-login{
display: block !important;
}
.logged-in .hide-item-not-login{
display: none !important;
}
.logout-link{
display: none !important;
}
.logged-in .logout-link{
display: block !important;
}
to my custom CSS. I then added hide-item-not-login to CSS Class for menu items that are shown when not logged in.
Then add logout-link to hide when logged out.
Seems to work, very simple and no code changes required
Hopefully be of help to others!
Craig