Posted: November 3, 2015 at 2:44 am
|
Hello, I am having trouble setting up user profiles that work with WP User Integration. What I’m trying to do: If a user clicks on “my profile” from a Theme My Login plugin widget, or otherwise, they should go to a page where they can see: Events they are registered in What we are getting: I used Theme My Login to create this page: /your-profile Which contains this shortcode: [theme-my-login] Simple enough, but it doesn’t show any info that a user enters when they register for an event, such as their address, for instance. So then I searched your forums and found this shortcode: [ESPRESSO_EDIT_PROFILE] (From https://eventespresso.com/topic/front-end-edit-user-profile-shortcode/) Which does nothing. This is the output: https://cloudup.com/cezz1n7YT07 And yes, I tried it with no other shortcode on the page, and it still did nothing. Here is another screenshot: https://cloudup.com/cN9aMNruEBY So, moving on, that forum post above also gave us this shortcode: [ESPRESSO_MY_EVENTS] Now that puts a list of events the user is registered for BUT: It has major styling problems. I tried to put additional text in here because the UI is not intuitive at all. Our users are not going to be tech savvy, so we have to help them figure out how to edit their address details, since it’s nowhere on the “my profile” page, which is where they’d expect to see it. So this is what I put in the page editor: https://cloudup.com/cn1_fJHBoJi And this is the output: https://cloudup.com/cdAqnfrJhRD As you can see, it doesn’t stay ‘above’ or ‘below’ your shortcode, it gets mixed up within it. That’s not right. If I take out the notes, this is output, and it is still messed up: https://cloudup.com/cCCFT7KDFMA The wording of “personal options” is totally random in its placement. I’m not sure what it’s referring to. There is also no label showing that this is a legend, and it’s not clear how to access these personal options, since they are not clickable. Can these just be all left aligned instead of whatever is trying to happen here, with the columns, and the mix up of wording? Wouldn’t that be simpler? I know you may want to tell me that I need to do styling on my own to fix this, and that you didn’t put styling work in this. I read this. But it seems like there is styling work in it (something to do with columns?), and this is really, really bad output. I don’t think that this is related to a theme at all. Why would text overlap a section of a shortcode? Can you please direct us in giving accurate code to fix this? I don’t mean to be sarcastic, but I just don’t want to get a commonly told, “it’s not our problem” response to things like this. We are working hard at styling other parts of the UI. Other UI problems: Then, when they click on the ‘gear’ icon, they are given ALL the text of the event description. They really don’t need this – it stretches the important actions down on the page, which is the only reason they clicked on the ‘gear’ icon in the first place. They just need to access where they can edit their information, make a payment, and so on. Is there a way to eliminate this? It makes it harder to access the editing links. Then the problem is, what do these icons mean? Can we turn them to plain text? Shouldn’t the ‘gear’ icon be a plus sign or a down arrow, indicating that something is going to show below if they click on it? I don’t think ‘gear’ means what that action does in very plain and simple UI terms. How could we change this without creating a whole new template? We don’t have the resources to be making our own templates, and that is not the extent to which we want to go here. We just want a simple solution to awkward styling and placement of important elements. So in short we need: All event form registration details editable on the ‘my profile’ page. Whatever is possible would be great to have help with. Thank you. |
|
|
Hi Joanna, [ESPRESSO_EDIT_PROFILE] is for EE3 and will not work with EE4 so you can remove that completely. Its important to note that Event Espresso does not manage user profiles, we use the details from the profiles but we do not provide a profile manager to allow editing of User profiles on the front end. So what your are trying to do needs more than Event Espresso to pull in all of the information and allow the user to edit that info from the front end. You’ll need something like: https://wordpress.org/plugins/profile-builder/ To build a user profile page that can be used to edit the information. There is however a section that can not be edited from a front end profile as above and that is the Address details used by Event Espresso. Those are stored within the EE contact and not the user profile so profile editors like the above will not pull that information in. With the EE4 Users Integration add-on the users data is automatically pulled into the registration form, any changes made to this data will then update the contact within EE. So if the user registers onto the event and changed the address details at that point, those details will save within the contact and be used for future registrations. If the user updates the details again on another registration those details will save once again and be used for registrations on that contact. You mention ‘Events they are registered in’ which is something we do provide through the [ESPRESSO_MY_EVENTS] shortcode (this is also available within the users Profile in the admin). The user can alter the address details using links provided within that section, but not directly on the page.
It likely is due to the theme applying unexpected styles, we should be able to provide some CSS to fix this. Can you link me to the page so I can view the output please? I need to see the code so I can see whats happening. If I need temporary login details to view the page you can send those using this form: https://eventespresso.com/send-login-details/
We are more than happy to help provide snippets of code where we can, however generally it really does depend on what the theme (or even other plugins) is doing as to what we can do. We very rarely state ‘its not our problem’ and will try to help as best we can, but sometimes that just isn’t possible if the theme is not following WP Standards, we will know more when we see the page. For the template changes (including the description although this can be hidden with CSS), a custom template will need to be created for this. It is the only way to alter the output for your customisations switching out the icons and using text. |
|
|
Hello Tony, thank you for your response. I didn’t mean to say that you give the answer of “it’s not our problem.” As you may have gathered, I’ve gotten that kind of response before on forums, I was on the offensive there to try to avoid delays and back and forth due to that. I have gone ahead and sent login details so you can see and provide suggestions. |
|
|
Thank you for the login details, I had a look at the profile page and can see whats happening. The quickest solution to load the different sections separately is to add:
Between the [ESPRESSO_MY_EVENTS] shortcode and the Theme My login shortcode you using on the same page. That will make sure the floated elements stay separate and load correctly. As mentioned previously to change the icons and remove the event description would require a custom template to be loaded with the changes you want included in that template. We can provide details on loading custom templates if you would like to create your own? |
|
|
The div clear worked. If you can send templating info that would be great. I can at least have a look into what it will take to do this. |
|
|
Almost all of the output from Event Espresso is done through templates. The templates within EE all use an EE function called locate_template that will loop through various locations within your site to see if the template you need is available within those locations. It first checks if you you have the template file(s) within your current themes directory, then if not it will check within /wp-content/uploads/espresso/templates/ and then within the core plugin. So when you want to modify a template, all you need to do is find the original template (there may be more than one for a single section), copy the template(s) into your child themes directory and then edit the template there. Event Espresso will load your custom template in place of ours. So in this case the templates original location is within the EE4 Users Add-on: /eea-wp-user-integration/templates/ So you need to find which template outputs the info you need, copy that template to your child theme directory then edit the content there. So for example, the cog icon is output within content-espresso_my_events-event_section.template.php on line 34:
It uses the WordPress Dashicons: https://developer.wordpress.org/resource/dashicons/ Here is the cog icon – https://developer.wordpress.org/resource/dashicons/#admin-generic Notice if you click on copy HTML it give you:
The 2 second class is what determines the icon will be, so you want to change that to an icon you prefer from that list, so for example if you wanted the + sign, the new code would be:
The description is taken from line 51, to remove it either remove that line or comment it out. Then refresh the my events page and your modified template will load with the new changes. The other icons are output within content-espresso_my_events-event_section_tickets.template.php, again they use dashicons so you can use any of the icons available within the list, or completel swap out the icons for text if you prefer. |
|
The support post ‘WP User Integration – User Profiles not integrating well – UI problems’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
