- This topic has 3 replies, 3 voices, and was last updated 9 years, 9 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 › Fancy login popup on menu link
Tagged: fancy login, login, members, menu link, popup link
Hi, I’m want to make a link that says login, then have the fancy login popup, and put that in my menu links.
Your help is much appreciated
The fancy login popup is done using JavaScript so creating a menu link won’t be straightforward.
A fancy login popup link code looks like the following (not sure if you can use it to create a link easily):
< a id="1373847216.77" class="emember_fancy_login_link" href="javascript:void(0);">Login Link</a>
Enable the “Fancy Login Widget/Popup” option in the settings menu then use the above HTML code on a WordPress post or page to learn how it works. Then you can try to place it where you want it.
We have a shortcode (and a PHP function) that you can use to create a compact login which maybe very useful for you. Check this documentation:
http://www.tipsandtricks-hq.com/wordpress-membership/using-a-compact-login-and-join-us-message-203
The following post has some customization related help for the compact login shortcode:
Just some unofficial input from another user, since I seem to have figured something out and thought it might help out someone else. Seems to be working for me, logging in and out behaves properly so far, but no idea if it’ll work on other themes, etc. (I’m *not* a programmer, just a user who loves eMember and is determined to get the fancy login on my menu. )
====================================================
Go to the Menus page in the WordPress admin area, and add the menu item (ex: “Log In”) using just “#” in the URL field. Save the menu.
Next, display the Screen Options at the top of the page, and make sure “CSS Classes” is checked.
Now click the dropdown arrow on the new Log In menu item, and enter the following (without quotation marks):
– In the URL field, paste “javascript:void(0);”
– In the CSS Classes field, paste “142311581351 emember_fancy_login_link”
Save the menu.
Ta-da. Good luck!
Thank you for sharing your solution.