Add a Second Photo Album Tab to Profile

[hughm]

I would like to add an extra tab next to the profile image with a second photo album. I would like to ask the best way to do this. I am using BP album at the moment to add photos to the “My photos” tab. I would like to add a second album called “My work”.
Should I run both BP Album and RT Media to do this? Or should I try to add to BP Media?

I have read the thread: https://archived.seventhqueen.com/forums/topic/how-to-add-more-tabs-next-to-the-profile-image

[SQadmin]

Hi, Using one of those plugins will get you only one tab without any customizations from your side. You can use both plugins in the same time if you want. With the code from the link posted you just need to remove the conditions if (class_exists(‘RTMedia’)).. and just leave the arrays with no conditions

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

I tested this out and all works well except after you have photos in both albums, when you click the My Work or My Photos tabs in a user profile, all of the photos from both RTMedia and BP Album display on top of each other.

[SQadmin]

hm.. yes because they are using the same ID attribute. Then that is not so simple to achieve. We will take another look and see it something can be done

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[hughm]

OK thanks!

[hughm]

I would like to revisit this issue and add some more details to what I am trying to do. I am trying to include an extra tab on the member profile next to “About me”, “Looking for”, and “My photos”. The new tab will be called “Verified” and should include one photo of the user making a double-thumbs up which is the symbol my site asks for in order to verify the user’s authenticity and stop people from adding fake profile photos.
The new tab only needs to have one photo. So I looking for a solution and wondering if it is possible to simply include an upload field on the member profile and somehow display it in this tab? Any ideas on how to accomplish this verification tab would be appreciated. Thanks!

[Abe]

Hi, I think the easiest way is to define a new Field Group and add there the field with the image. Use http://wordpress.org/plugins/buddypress-xprofile-custom-fields-type/ for image field

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[hughm]

Thanks. This works well. I am able to upload a new image to a tab which I called “Verifed”. A couple of style questions if you happen to know the answer:
1. I would like to change the color of the “Verified” tab to green. Should I do this with CSS or can I drop something into the functions.php code(below) that defines the tabs?
2. The tab class I used is ‘regulartab’. I noticed there is a ‘myslider’ and ‘citetab’ class available. When I tried out the other types I didn’t see any difference.
3. The name of the image field displays beside the verification photo and only allows for about 20 characters. Is it possible to extend this to 30 characters?
4. Finally, is it possible to limit the size of the image upload or format the image size. Some smaller images appear with blank space to the right.

Here is the code that I am using in my child theme functions.php:

add_action(‘after_setup_theme’,’kleo_my_custom_tabs’);
function kleo_my_custom_tabs()
{
global $bp_tabs;
$bp_tabs = array();

$bp_tabs[‘about-me’] = array(
‘type’ => ‘cite’,
‘name’ => __(‘About me’, ‘kleo_framework’),
‘group’ => ‘About Me’,
‘class’ => ‘citetab’
);

$bp_tabs[‘looking-for’] = array(
‘type’ => ‘cite’,
‘name’ => __(‘Looking for’, ‘kleo_framework’),
‘group’ => ‘Looking for’,
‘class’ => ‘citetab’
);

/* rtMedia tab – only if plugin installed */
if (class_exists(‘RTMedia’))
{
$bp_tabs[‘rtmedia’] = array(
‘type’ => ‘rt_media’,
‘name’ => __(‘My work’, ‘kleo_framework’),
‘class’ => ‘mySlider’
);
}

/* Bp-Album tab – only if plugin installed */
elseif (function_exists(‘bpa_init’)) {
$bp_tabs[‘bp-album’] = array(
‘type’ => ‘bp_album’,
‘name’ => __(‘My photos’, ‘kleo_framework’),
‘class’ => ‘mySlider’
);
}

$bp_tabs[‘verify’] = array(
‘type’ => ‘regular’,
‘name’ => __(‘Verified’, ‘kleo_framework’),
‘group’ => ‘Verify’,
‘class’ => ‘regulartab’
);
}

[hughm]

This reply has been set as private.

[Abe]

Hi,
1. This css does the trick

COPY CODE

#profile .tabs.pill.custom dd:nth-child(3) a {
    background: none repeat scroll 0 0 #008000;
}

2. This is a class that is added in case you want to add specific styling by css. no css added by default.
3. This is generated by your custom fields plugin.
4. Just like point 3.

PS: For custom development that is out of your area of knowledge you can always hire a developer to help you with changes.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[hughm]

Thanks for the CSS. It works great!
I would like to ask if you can point me to the php file in SweetDate where the new profile tabs (About Me, Looking For, My photos etc) and my new uploaded image tab “Verified” is styled.
I just need to try and center the uploaded image.
I looked in Sweetdate/members/single/profile but couldn’t find the right file

[Abe]

wp-content/themes/sweetdate/custom_buddypress/class-bp-tabs.php but like I said image is generated by your plugin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts