Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Fancy login popup on menu link

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

  • This topic has 3 replies, 3 voices, and was last updated 8 years, 1 month ago by admin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 14, 2013 at 3:31 am #9333
    Jake1
    Member

    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

    July 15, 2013 at 12:20 am #56613
    admin
    Keymaster

    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:

    https://support.tipsandtricks-hq.com/forums/topic/wp-emember-creating-or-customizing-the-compact-login-widgetlinks

    February 5, 2015 at 7:49 am #56614
    lisajosh19
    Member

    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!

    February 5, 2015 at 11:36 pm #56615
    admin
    Keymaster

    Thank you for sharing your solution.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ