Tips and Tricks HQ Support Portal › Forums › WP eMember › WP eMember General Questions › Editing WP eMember login widget/form
Tagged: css, customize login, eMember, login, login widget, sidebar, widget
- This topic has 18 replies, 7 voices, and was last updated 10 years, 10 months ago by wpCommerce.
-
AuthorPosts
-
December 22, 2011 at 11:46 am #5100devvomanMember
Is it possible to edit the login widget so it displays different information? Currently it displays:
You are logged in as: ***
Your membership level is: ***
Your Account Status: ***
Your Account Expires: ***
Would be really useful to have control over this section, to maybe display a simple welcome message and a set of links (store / logout / my profile etc.)
December 23, 2011 at 6:04 am #39986adminKeymasterMaybe this compact login option will come in handy:
http://www.tipsandtricks-hq.com/wordpress-membership/using-a-compact-login-and-join-us-message-203
This post is also helpful:
Alternatively, you can edit the code that shows the login widget.
See the following post if you want to hide the join us link:
https://support.tipsandtricks-hq.com/forums/topic/remove-join-us-link-from-emember-widget
February 5, 2012 at 12:09 pm #39987apeterkaSpectatorWhere can I find the code that shows the login widget? I would like to hide/remove the Your Account Expires: line.
February 6, 2012 at 2:49 am #39988adminKeymasterLook for the following function in the “eMember_auth_utils.php” file of the eMember plugin:
eMember_login_widget()
January 14, 2013 at 5:23 pm #39989jimmy-georgeMemberHi, I just bought the plugin a few days ago and would like to edit the content of the logged in widget. I am trying to edit the log out link. I want to either completely remove it or add an image in the place of the link that is linked to log out command.
Also, if I add a custom menu item and hyperlink it to [http://www.example.com/?event=logout], will it log out properly? Thank you
January 15, 2013 at 1:23 am #39990adminKeymasterOpen the “eMember_auth_utils.php” file and find the following line of code:
$output .= '<li><a href="'.$logout.'">'.EMEMBER_LOGOUT.'</a></li>';
Now, change that normal link to whatever you want.
yes, linking to the following URL will logout the member who clicks on that link:
[http://www.example.com/?event=logout]
January 16, 2013 at 8:20 pm #39991jimmy-georgeMemberThanks ! and that did the trick.
August 28, 2013 at 2:14 pm #39992andydentonMemberHI
I would like to do the same thing as the original poster in this topic – i.e. make changes to the:
You are logged in as: ***
Your membership level is: ***
Your Account Status: ***
Your Account Expires: ***
I have done this:
Look for the following function in the “eMember_auth_utils.php” file of the eMember plugin:
eMember_login_widget()
But for the life of me cannot work out how to make the changes I need to make, in essence I would like the logged in message to look as follows:
Hi *** Welcome to (our website)
Your Account: **** – link to their profile page
Log Out Button
I dont want to have the account status and account expires pieces because they are not so relevant for the context of how I am using the plug in – which is awesome BTW!!
I am sure it is really simple but my php skills are not great! – sorry but any help much appreciated
Thank you
Andy
September 19, 2013 at 1:12 am #39993adminKeymasterHi Andy, Please create a test membership account and share the login details with the URL of your login page so I can view the login widget and give you CSS tweak suggestion to hide the info you don’t want.
October 3, 2013 at 10:20 am #39994andydentonMemberHi I have set you up with a useraccount on the site – please can you let me know the best way to send the username and password to you privately?
Best
Andy
October 8, 2013 at 6:48 am #39995adminKeymasterPlease grab the custom CSS tweaks plugin from here:
http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413
Then add the following CSS code in there to hide those info form the login widget:
.eMember_logged_in_level{
display: none;
}
.eMember_logged_in_account_status{
display: none;
}
.eMember_logged_user_expiry{
display: none;
}December 6, 2013 at 4:51 pm #39996Mdudley286MemberI tried this but do not see any changes to the login widget.
December 7, 2013 at 12:07 am #39997adminKeymasterPlease post details of a test user account so I can log in and view it to see if you applied the CSS correctly.
December 7, 2013 at 5:20 pm #39998Mdudley286MemberNot sure what exactly you want. And I may have done it wrong, but from reading this post if I wanted the membership expire date not to show, then all I would have to do is add this into the custom css plug in:
.eMember_logged_user_expiry{
display: none;
}
or change the wording to next payment date (or something like that)
December 7, 2013 at 11:09 pm #39999adminKeymasterI won’t know what is going wrong unless I can see the page in my browser. So if you post a link to your login page and share details of a test member account (you will delete this account later) then I will be able to log into your site as a user and view the login widget in my browser.
-
AuthorPosts
- You must be logged in to reply to this topic.