vb.org Archive - [HOW TO - vB4] Adding a New Tab in Member Profile

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4 Articles (https://vborg.vbsupport.ru/forumdisplay.php?f=242)

- - [HOW TO - vB4] Adding a New Tab in Member Profile - Reloaded (https://vborg.vbsupport.ru/showthread.php?t=265971)

[HOW TO - vB4] Adding a New Tab in Member Profile - Reloaded

This tutorial is an update of Dylanblitz' howto for older versions. Credits to him, and thanks for giving me green light for building on his ideas.

This has been tested with [S]4.1.4[/S] 4.2,[S] but should work as far back as 4.0.8, when profile customization was reintroduced. [/S]
[Explanation: At least with version 4.1.8, the template name convention for profile tabs was changed. If you want to code for an earlier version, use custom_profile_tab_test as template name.]

The result will look like this:

Attachment 130539

First step

To create a new member profile tab, create a plugin at hook member_complete

Code:

if (isset($vbulletin->GPC['tab']))

{

    $selected_tab = $vbulletin->GPC['tab'];

}

$blockinfo['title'] = "Test Title";

$blockid = "test";

$taburl = $memberurl = fetch_seo_url('member', $prepared) . "&amp;tab=test#test";



$templater = vB_Template::create('memberinfo_tab');

$templater->register('selected_tab', $selected_tab);

$templater->register('relpath', $relpath);

$templater->register('blockinfo', $blockinfo);

$templater->register('blockid', $blockid);

$templater->register('taburl', $taburl);

$template_hook['profile_tabs_last'] .= $templater->render();  



// ### Your code to fill the tab ###

// Don't forget you need to register any variables for use in templates 



$test_tab_content = "Congratulations, you can see me, I'm your PHP Code!";



$templater = vB_Template::create('memberinfo_block_test');

$templater->register('selected_tab', $selected_tab);

$templater->register('test_tab_content', $test_tab_content);

$template_hook['profile_tabs'] .= $templater->render();

This code creates the tab and inserts it as the last tab in the row. You

should give the tab its own unique id. In this case, we use test. If you change it, make sure you do so everywhere in the plugin and in the template. It has to be identical everywhere
can add custom code to fill your tab, if the content is not static html. In that case you would only add code to the template.
have to register any variables you want to output in the template, if you add custom code. You will be able to call that variable by using {vb:var test_tab_content} in the template.
choose a name for the template you will be calling to show your tab's content.
Note that template names are case sensitive: test is not the same as TEST or Test. Remember that in step 2!

Second step

The second step to a custom profile tab is to create a new template. It has to be the name you used in your php code to create it, in our case: memberinfo_block_test.

Code:

<div id="view-test" class="<vb:if condition="$selected_tab == 'test'">selected_view_section<vb:else />view_section</vb:if><vb:if condition="$userinfo['userid'] != $bbuserinfo['userid']"> vm_other_prof</vb:if>">

    <div class="blocksubhead subsectionhead userprof_headers userprof_headers_border">     

        <h4 class="subsectionhead-understate">Test</h4>

    </div>

    <br />This is a <b>custom tab</b> test.<br /> 

    {vb:raw test_tab_content}

</div>

This is the template for your tab content. You

have to adapt the id in several cases. Note that they have to be absolutely identical again.
can add static text and html code into the template.
can print the output of the variable that you saved the result of your php code in and that you registered correctly.

Direct access

If you want to access your custom profile tag directly, append &tab=test#testto the profile URL.

That's it :)

thank you cellarius - great article! :up:

Great job. I wish this article was here when I first wanted to add a new profile tab! Would have saved me hours of headache over such a small little problem.

It really important with me !
Great work !

(I can't like your post, why ??? :()

I followed all the steps, but it does not work
can some one help me ?

No, sorry, you're just giving too much information... :rolleyes:

What vB version exactly are you using?
What exactly does not work?
What code did you use where?

Honestly, what help exactly do you expect on the simple statement "it does not work"? Only thing I possibly could offer on that grounds would be: fix the error, then it will. ;)

--------------- Added [DATE]1309779783[/DATE] at [TIME]1309779783[/TIME] ---------------

Quote:

Originally Posted by Getamped 1404 (Post 2216225)

(I can't like your post, why ??? :()

They improved the likes system, maybe that was the problem. Feel free to try again :D

Hello,
Im sorry for no precision :)
My vbulletin version : 4.1.4
i have create a plugin at hook member_complete
with this code :

Code:

if (isset($vbulletin->GPC['tab']))

{

    $selected_tab = $vbulletin->GPC['tab'];

}

$blockinfo['title'] = "Test Title";

$blockid = "test";

$taburl = $memberurl = fetch_seo_url('member', $prepared) . "&amp;tab=test#test";



$templater = vB_Template::create('memberinfo_tab');

$templater->register('selected_tab', $selected_tab);

$templater->register('relpath', $relpath);

$templater->register('blockinfo', $blockinfo);

$templater->register('blockid', $blockid);

$templater->register('taburl', $taburl);

$template_hook['profile_tabs_last'] .= $templater->render();  



// ### Your code to fill the tab ###

// Don't forget you need to register any variables for use in templates 



$test_tab_content = "Congratulations, you can see me, I'm your PHP Code!";



$templater = vB_Template::create('custom_profile_tab_test');

$templater->register('selected_tab', $selected_tab);

$templater->register('test_tab_content', $test_tab_content);

$template_hook['profile_tabs'] .= $templater->render();

i just copy past original code
then i have create template custom_profile_tab_test with this code :

Code:

<div id="view-test" class="<vb:if condition="$selected_tab == 'test'">selected_view_section<vb:else />view_section</vb:if><vb:if condition="$userinfo['userid'] != $bbuserinfo['userid']"> vm_other_prof</vb:if>">

    <div class="blocksubhead subsectionhead userprof_headers userprof_headers_border">     

        <h4 class="subsectionhead-understate">Test</h4>

    </div>

    <br />This is a <b>custom tab</b> test.<br /> 

    {vb:raw test_tab_content}

</div>

and after i go to profile page to check new tabs but nothing to see :(

Then you either have not activated the plugin you created, have deactivated plugins globally, created the template for the wrong style, or use a customized style where the needed template hook is not present.

Since that's, as far as I can see, the unchanged code from the firstpost, I can guarantee this works.

Ok i will check all this point and come back :)

Installed, but I have a quick question. I know I am asking this in the wrong area but I can't seem to find help anywhere. I installed this tab plugin, now I would like it to display member albums in the tab, is there anyway you can help with this?

Sorry to sound silly, but where can I find these hooks/plugins?
Is it editing a file directly, or something found within the Administration section?

Sorry..

Edit: Found it out, god bless, google.

Question;
After creating this tab, how can you specify the USER ID of the members profile you're on?

Try

PHP Code:


		
			
$prepared['userid']

in the plugin,

to use it in the template you would probably have to register it first.

this might be a stupid question, but is this an area that is editable by the user? Like if said user wanted to add more to their profile such as their favorite things, etc.

no.

You would have to supply fields to everyone via the Admin CP -> User Profile Field Manager. You can make them optional so only users who want to fill them out have to- but they would all show under "About Me."

Hello,

Sorry for my bad english, i'm french

How to add this profile tab with php code in a file .php and not in a plugin ?

Thank you

Sorry, I don't know what you want to do. If you want to add any tabs to any php page, this is not for you.

Any ideas why this only works if "test" is used in the $taburl variable? If I change the #test to #quoted ($blockid var) nothing shows up.

PHP Code:


		
			
if (isset($vbulletin->GPC['tab']))

{

    $selected_tab = $vbulletin->GPC['tab'];

}



$blockinfo['title'] = $vbphrase['who_quoted'];

$blockid = "quoted";

$taburl = $memberurl = fetch_seo_url('member', $prepared) . "&amp;tab=quoted#test";



$templater = vB_Template::create('memberinfo_tab');

$templater->register('selected_tab', $selected_tab);

$templater->register('relpath', $relpath);

$templater->register('blockinfo', $blockinfo);

$templater->register('blockid', $blockid);

$templater->register('taburl', $taburl);

$template_hook['profile_tabs_last'] .= $templater->render();  



// ### Your code to fill the tab ###

// Don't forget you need to register any variables for use in templates 



$quoted_tab_content = "Congratulations, you can see me, I'm your PHP Code!";



$templater = vB_Template::create('memberinfo_block_WhoQuoted');

$templater->register('selected_tab', $selected_tab);

$templater->register('quoted_tab_content', $quoted_tab_content);

$template_hook['profile_tabs'] .= $templater->render();

Template

HTML Code:

<div id="view-quoted" class="<vb:if condition="$selected_tab == 'quoted'">selected_view_section<vb:else />view_section</vb:if><vb:if condition="$userinfo['userid'] != $bbuserinfo['userid']"> vm_other_prof</vb:if>">

    <div class="blocksubhead subsectionhead userprof_headers userprof_headers_border">     

        <h4 class="subsectionhead-understate">Test</h4>

    </div>

    <br />This is a <b>custom tab</b> test.<br /> 

    {vb:raw quoted_tab_content}

</div>

What should I do to have to extra tab only be shown to certain usergroups ?

--------------- Added [DATE]1335389174[/DATE] at [TIME]1335389174[/TIME] ---------------

nevermind. figured it out:
if (is_member_of($vbulletin->userinfo,x,y,z)) {
}

in the plugin
where x,y,z are the group Id's

Alright, so I've got the "Gallery" tab added. Now how would I add the content? How can I add photos?

Also I notice that none of my blog entries are showing up under my "Blog" tab in my user profile. I am logged in and everything.

You have the tab working - this is all this article is about.

It is not about querying whatever it is you want to show on that tab. It sure is not about general support issues (your blog tab not working). Please ask for help in your own thread in the proper forums.

But the "Congratulations, you can see me, I'm your PHP Code!" is not appearing under the new tab I added.

Can you please help me to determine why? I had deleted some of the code in the memberinfo_block_statistics template and cleared out the code in the memberinfo_block_contactinfo template, because I did not like all of that ("Number of Posts per Day: 0.25" etc) content in my User Profile.

If you follow the tutorial by the letter, it will be there. I cannot know what you did wrong.

I copied and pasted the code you showed in my AdminCP, where you told me to.

Was that what I was supposed to do?

Article updated. Obviously the template name convention was changed somewhere along the line.

The template needs to be named memberinfo_block_test now (remember to adapt the create_template call in the plugin accordingly.

I did it exactly as you have it, but it does the same thing......I'm wondering if it is because I had deleted some of the code in the memberinfo_block_statistics template and cleared out the code in the memberinfo_block_contactinfo template, because I did not like all of that ("Number of Posts per Day: 0.25" etc) content in my User Profile? Could that affect it at all?

You could always try and revert those templates.

How do I do that? Do I press the "Revert" button and that will do it?

Still doesn't work......

I have the code from the article working in 4.2.

Can someone please help? I want to have this custom tab added to each person's profile, and have that tab be called "Gallery". When you click on it, it shows all the photos they've uploaded.

Then in the menu at the top of the webpage, I want to have "Gallery" and have that connect to random members' photos, possibly based on their popularity.

I hope it's not too much that I'm asking...

You'll find the code to create the tab in this article. For all the rest you'll have to create your own thread in the general forums.

now that i have this setup

how do i include custom fields for that tab

Quote:

Originally Posted by cellarius (Post 2353814)

You'll find the code to create the tab in this article. For all the rest you'll have to create your own thread in the general forums.

^^^ This, please.

Quote:

Originally Posted by simonhind (Post 2364384)

now that i have this setup

how do i include custom fields for that tab

Thanks for the article cellarius! :)

@simonhind i was having your problem and i've done this

Create a new plugin and choose "userprofile_create" as hook, use this php code

PHP Code:


		
			
vB_Template::preRegister('name of the template for your tab',array('fieldX' => $this->userinfo['fieldX'],));

I'll write an article soon with this

Is there not a way to have this new tab connect directly to the user's pictures within their profile?

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01615 seconds Memory Usage 1,850KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (1)bbcode_html_printable (3)bbcode_php_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: