Member RegistrationTemplate Style

Posted: 15 November 2005 02:32 PM

[ Ignore ]

Grad Student

Total Posts: 56

Joined 05-04-2005

I would like my “Membership Registration” template to look like the rest of my site: can you point me to a resource that clearly exaplains how to do this? I have no problem adding the “Member Login” form (via the exp:member:login_form tag) to my template for display. However, I cannot find or guess at the tags to do the same for the actual **registration** form. Ultimately, I’d like my entire site—from weblog “pages” to all supporting pages—login, logout, thank you, registration, an error has occurred…to all share the same template design. Currently, all pages **except** the templates in ADMIN section (like member registration and login) share the same look.

How do i get where I am tyring to go?

Thanks-

Profile

PXLated

Posted: 15 November 2005 02:49 PM

[ Ignore ] [ # 1 ]

Research Scientist

Total Posts: 6067

Joined 08-04-2002

Possibly with a lot of work :-)
—————
What controls the whole membership part of your site (profile page, etc) are the template “fragments” in CP > Admin > Members and Groups > Member Profile Templates. In there is the “Default” set.
Most EEers that want a different look, duplicate that set, change the CSS and images, and create a new “theme”. Several EEers have made their themes available (don’t have any links…search the forums).
—————
If you want to totally change so that section has the same layout as the rest of your site, you will have to go in and modify each of the template fragments + the CSS + the images. I haven’t done it in the latest version of EE but did in the first and it took me longer than the rest of my site (just a warning) as you first have to understand just how they all interact and fit together. I believe there is a helpful list on the EE wiki.
—————
Edit-Add: Wiki-MemberTemplates

Profile

DigitalDave

Posted: 15 November 2005 03:14 PM

[ Ignore ] [ # 2 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

OK, that makes sense. But I’m still stuck. When you say “duplicate the templates,” how do I do that? I went to “Templates/New Template” but saw only my template group and the search group. I went to the Admin/Members/Profile Templates and found all of the fragments: if I copy a copy and place it in one my templates the {code} never processes. Using the “login” form example from the docs (which includes the {exp:member…} tag the form actually works, and, I can place it in my (own) template, which is what I’m trying to do with the registration fragment. Where is the template or equivavlent code that the fragments are being embedded into?

Is there a “duplicate all of these” and a “use this template” (that I’d create) as the master template preference or set of steps that I need to do?

Still stuck in Austin. (Granted, not a bad place to be stuck…)

Profile

Lisa Wess

Posted: 15 November 2005 03:19 PM

[ Ignore ] [ # 3 ]

Moderator

Total Posts: 32773

Joined 05-14-2004

All that you need to edit, as the very basis to make things fit, is the Member Profile Outer Enclosure and any templates that it references in that screen, such as html_editor. If you want to do in depth customization, then you’ll need to go through all of those templates.

If you’d like to make your own copy, which is highly suggested, you can ftp in to /themes/member_themes/ (I think that’s the name, should be pretty straightforward) and make a copy of default.php to whatever you want. Then that will show up in the list of themes and you can edit away. =)

Signature

Profile

MSG

DigitalDave

Posted: 15 November 2005 05:42 PM

[ Ignore ] [ # 4 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

PXLated, Lisa-

Thanks for the tips: very much appreciated. Here is what I did (turns out this was really easy):

1) In the /themes/profile_themes/default folder there is a template called profile_theme.php. This template contains the functions that reference all of the template fragments: it’s the outer skin for the membership section. My goal was to “skin” the membership templates to “match” the rest of the site.

2) In the profile_theme.php template, there are two functions(): “HTML_Header” and “HTML_Footer.” HTML_Header opens the page and writes the HTML <body> tag; HTML footer writes the closing </body> tag. Therfore, to reskin the entire membership section, I added code to these two functions as follows:

function html_header()
{

i) adjusted the <style> reference to point to my primary style sheet
ii) added the <div id=”“> elements that divide up the visible page per the style sheet
iii) concluded with an open <div id=“membershipFunctionContent”> element, following which the actual content from any subsequent function called via this tempate would flow

function html_footer()
{
i) terminated the open <div id=“membershipFunctionContent”> element
ii) added and terminated the remaining <div id=”“> elements for my page design and closed up the page

The CSS formatting elements for the membership function container applied smoothly to everything output by this tempate: the only additional changes I had to make were a few edits to the visible wording in the functions that include user inputs, etc.

Total time was about an hour or so, including figuring out how to do this, testing, documenting, etc.

Two remaining questions:

1) Is the function of this template defined anywhere in the EE docs? I couldn’t find it…(and again, thanks very much for the super responses.)

2) Is there a way to embed (other) templates in the membership template? I noted this “this is turned off by default” but couldn’t find anyplace to “turn it on.”

Thanks-

Dave

Profile

Lisa Wess

Posted: 15 November 2005 06:08 PM

[ Ignore ] [ # 5 ]

Moderator

Total Posts: 32773

Joined 05-14-2004

I’m a bit baffled at what you did, because you in no way had to edit the PHP.

Anyway, if it worked it worked, eh? =) Just be careful upgrading as you’ve modified the default template rather than making a copy and editing the copy.

To be able to use embeds, see this wiki entry.

Signature

Profile

MSG

PXLated

Posted: 15 November 2005 06:20 PM

[ Ignore ] [ # 6 ]

Research Scientist

Total Posts: 6067

Joined 08-04-2002

Love to see what you did and what it looks like…do you have a link?

Profile

DigitalDave

Posted: 15 November 2005 06:23 PM

[ Ignore ] [ # 7 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

Lisa-

Actually, I did make a backup copy, though my modified template is named the same as the original. Where do I specifiy the name for the modified template?

Also, instead of the PHP file (which I’d be glad to send you) where should I have made these edits? Per your note I looked for “themes/member_themes” but the template I found was closest thing, and, the only thing I could find that seemed to match your description of what I was looking for. It was actually really easy to do, and only involved modifications of two functions in one file.

How would you have done the same thing? Always anxious to learn more about EE. I’ll check out the WIKI.

Thanks-

Dave

Profile

DigitalDave

Posted: 15 November 2005 06:26 PM

[ Ignore ] [ # 8 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

PXLated-

I expect to have the site open tomorrow or Thursday: I’d be glad to send you the code snips as well, though it looks like I also took a perhaps dangerous route to get this done. Let me see what Lisa says, too: perhaps there is more acceptable (and equally quick) way to do this.

Dave

Profile

Lisa Wess

Posted: 15 November 2005 06:29 PM

[ Ignore ] [ # 9 ]

Moderator

Total Posts: 32773

Joined 05-14-2004

Dave,

I would have copied that file to something akin to “dem_theme.php” or whatever. It should then show up in Admin -> Members and Groups -> Member Profille Templates, where you could edit the various templates, including the head and outer profile enclosure. Then, to change the theme, just go to Membership Preferences and change Default Member Profile theme.

That’s how I would have done it. =)

Signature

Profile

MSG

DigitalDave

Posted: 15 November 2005 08:11 PM

[ Ignore ] [ # 10 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

Lisa, PXLated

OK: I re-did everything as you suggested, and found an even better way to do this. (BTW, I am using 1.3.2) But first, some notes:

1) I restored the stock profile template and verified that it all worked as normal. It did.
2) I renamed my modified file to “ht_theme.php” and uploaded that to the same directory (default): When, I went to Admin -> Members and Groups -> Member Profile Templates to look for the newly uploaded file: it wasn’t listed. Also, I went to Membership Preferences to change “Default Member Profile” theme—the only option in the drop-down was “default.” Hmmmm.
3) I created a new folder called “ht_theme” with my ht_theme.php inside. I returned to the ADMIN and Preferences pages. My new profile showed up as an option: I selected it and refreshed the membership pages in my site. I got this error, plus a few others:

Warning: _load_element(): Unable to access ./themes/profile_themes/ht_theme/profile_theme.php in /imedia/users/hearthis/htdocs/HTsystem/modules/member/mod.member.php on line 6327

4) I renamed my new profile, inside the ht_themes folder , to “profile_theme.php” per the clue in error above—this time everything worked.

So, the process is this:

1) Copy the profile_theme.php file and place it in a new folder alongside the “default” folder—the name of the folder will be on the list on the Preferences page, and, will show up as a **complete** new set of template fragments under an option of that same name on the Membership Profiles menu page. All of the fragments are automatically generated each time a new theme folder is added in the membership section.

2) Do not edit the “profile_theme.php” script as I did: this is where I made the second “discovery.”

Instead, in the Membership Profiles fragments listings, there are fragments like HTML_Header, HTML_Footer, Page_Header, and so on: there is (!) one of these for each of the functions in the PHP script. Of course. Edit those fragments, and the result is exacly the same as editing the script, except it’s “correct” way and much less hazardous. Does this make sense? I hiked ten miles to cross the street today. ))

I can now switch between the two memberships themes by choosing the applicable theme using the Membership Preferences/General Configuration drop-down.

In summary, in 1.3.2, you can simply edit the default theme fragments (HTML_Header and HTML_Footer, and maybe Page_Header, etc. if you really want to fine tune) and quickly re-skin the entire membership section. As you’ve suggested, by first making a new theme folder and placing a copy of “profile_theme.php” in that folder, you can choose between the stock and modified themes for application in membership section, with the benefit of having a backup and a clean upgrade path.

That’s it—and again, thanks for the help today. I learned a lot.

Dave

Profile

Lisa Wess

Posted: 15 November 2005 08:17 PM

[ Ignore ] [ # 11 ]

Moderator

Total Posts: 32773

Joined 05-14-2004

Dave,

I’m sorry that I didn’t give you complete instructions. I’m happy that you worked this all out, and thank you for posting the instructions!

I hope you don’t mind that I just copy and pasted your instructions into this wiki entry. I made some minor modifications to make it more general. Feel free to edit it any way you want.

Signature

Profile

MSG

DigitalDave

Posted: 15 November 2005 08:37 PM

[ Ignore ] [ # 12 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

Lisa-

Not at all—and actually your instructions were fine: they led me to really understand how the membership section works.

Glad too that I could “put something back” for others: I get a lot out of these forums.

Have a great eveing-

Dave

Profile

PXLated

Posted: 15 November 2005 08:42 PM

[ Ignore ] [ # 13 ]

Research Scientist

Total Posts: 6067

Joined 08-04-2002

Glad you got it figured out and everything working. When you get it public viewable, I’d like to take a look
As mentioned, I haven’t yet tackled the membership area in the new version of EE. In the old one, I “completely” redid every fragment, replacing all tables, etc. with pure CSS. That took a lot of time :-(

Profile

DigitalDave

Posted: 19 November 2005 11:06 PM

[ Ignore ] [ # 14 ]

Grad Student

Total Posts: 56

Joined 05-04-2005

Lisa, PXLated-

OK, you can review the actual site now: http://www.hearthis.com.

We are currently using the content-management capabilities of EE versus the weblog support, though we will be adding this. This is similar to the way we have set up our primary site, http://www.digital-voodoo.com.

The registration, login, and error forms are now all presented through the HTMLHeader and HTMLFooter fragments in the custom member template group that I created. Using this capability in V1.3.2 the whole process took an hour or two: still a bit of tweaking to be done. For future EE revs, it would be easier if the fragments themselves were consistently built with this kind of skinning in mind: for example, the registration form fragment is hard coded for “width=100%” while the login form fragment is coded for “width=“560px.” Seems they should both be “100%.” As a result I still have to check each fragment to really make everything fits well. Still though, no complaints; it’s a huge step forward over prior EE revs.

Again, thanks for your help.

Dave

Profile

PT Wrecktum

Posted: 08 December 2005 06:44 AM

[ Ignore ] [ # 15 ]

Summer Student

Total Posts: 6

Joined 11-12-2005

This post has helped me a lot, yet I’m still totally clueless.
I got as far as duplicating the folder and now having the chooise of template in my CP.

When I want to start customising the “fragments” though, farpotchket…......

Here’s how I went about customising my weblog, I tore the index page down into several templates so it’s basically

-use this ccs
-header
-leftbar
-content (here the entries)
-footer

who are now all different templates, for the comments page I used the exact same template as the index but with the comments EE code instead of the entries code.

Now I would like to do the exact same thing with the register page, but obviously that ain’t working.
The EE tags aren’t being parsed, they appear as text.
Could I include the templates as PHP, but then what’s the path?
Or is there another way?

Profile

Lisa Wess

Posted: 08 December 2005 08:35 AM

[ Ignore ] [ # 16 ]

Moderator

Total Posts: 32773

Joined 05-14-2004

I just went through this over the last few days with someone else, so I hope you don’t mind if I point you here. Read the whole thing and it should answer your questions. =)

Signature

Profile

MSG

‹‹ Need this design hotelmarketing.com Advice on Setting up site? ››

Username		Remember Me?
Password		forgot password?

Post Marker Legend
	New posts	Hot Topic with new posts	New Poll	Moved Topic	Sticky topic
	No new posts	Hot Topic with no new posts	Old Poll	Closed Topic	Announcements

Visitor Statistics
The most visitors ever was 1149, on July 16, 2007 09:33 AM
Total Registered Members:	64532	Total Logged-in Users:	43
Total Topics:	81107	Total Anonymous Users:	14
Total Replies:	436420	Total Guests:	207
Total Posts:	517527