Kida

[Kida]

I had another issue with some rtMedia functions (add rtmedia activities selection in the dropdown on the activity page) and the rtMedia team told me that was because Kleo was using old buddypress templates, and that they’d let you know.
Could it be that the issue above is related to that too?

[Kida]

Thanks a lot Radu!

[Kida]

Forget about it, I found out why…sorry for the panic :-p

[Kida]

Hi Radu,

I re-uploaded a backup but the gap is still there!
When I de-activate the child theme it’s gone.
Could you please help me with this one?

[Kida]

I’m just going to re-upload a backup, but it’s very strange that that’s happening.

[Kida]

This reply has been set as private.

[Kida]

You too!

[Kida]

I’ve added a css to float the bp profile nav bar to left and it seems to have solved it!

[Kida]

That seems to have made the trick! thank you very much!
But I thought that that would be a native option coming with revolution slider.
I haven’t made any changes in the css for rev slider until now, how come I have to add this for my buttons to work, do you know? I’m just trying to understand 🙂

[Kida]

Hello again!
I’ve decided to add the badges under the cover photo.
The problem is that, intermittently, the nav bar (#buddypress div#item-nav) disappears, see picture attached.
It’s intermittent because sometime I refresh and it’s there, and sometimes not (then all the menu items are present in the dropdown).
How can I make sure it doesn’t impact the nav bar?

Attachments:

You must be logged in to view attached files.

[Kida]

Ok, I managed to fix it (with help 🙂 ) but I have trouble making it appear above the cover picture…

This is my function:

COPY CODE

add_action( 'bp_after_member_header', 'talent_show_badge' );
function talent_show_badge(){
    if( !bp_is_active( 'xprofile' ) )
        return;
    
    $field_value = xprofile_get_field_data( 'Talent', bp_displayed_user_id() );
    
    if( 'photography' == strtolower( $field_value ) ){
        echo '<div id="badges"><div class="badge1"><img src="http://www.mysite.com/wp-content/uploads/image1.png" id="talent1"></div></div>';
    }

    if( 'voice' == strtolower( $field_value ) ){
        echo '<div id="badges"><div class="badge1"><img src="http://www.mysite.com/wp-content/uploads/image2.png" id="talent1"></div></div>';
    }
}

add_action( 'bp_after_member_header', 'voice_show_badge' );
function voice_show_badge(){
    if( !bp_is_active( 'xprofile' ) )
        return;
    
    $field_value = xprofile_get_field_data( 'Voice type', bp_displayed_user_id() );
    
    if( 'rock' == strtolower( $field_value ) ){
        echo '<div id="badges"><div class="badge2"><img src="http://www.mysite.com/wp-content/uploads/image3.png" id="talent2"></div></div>';
    }

    if( 'opera/classical' == strtolower( $field_value ) ){
        echo '<div id="badges"><div class="badge2"><img src="http://www.mysite.com/wp-content/uploads/image4.png" id="talent2"></div></div>';
    }

}

and my css:

COPY CODE

#badges {
width: 900px;
z-index: 2;
}

.badge1 {
float: left;
width: 100px;
margin-left: 580px;
padding: 15px;
z-index: 2;
}

.badge2 {
float: left;
width: 100px;
margin-left: 10px;
padding: 15px;
z-index: 2;
}

.badge1 #talent1 {
z-index: 2;
}

.badge1 #talent2 {
z-index: 2;
}

body.is-user-profile div#item-header div#badges {
z-index: 2;
}

.buddypress div#item-header div#badges {
z-index: 2;
}

As you can see, I’ve tried adding the z-index everywhere I could think of but the pictures still appear under the cover. What would be the class or ID to use for the location ‘bp_after_member_header’?

Thanks in advance

[Kida]

Ok, I understand now that the function I used was just to display the badge no matter what. I’m a bit slow in understanding coding 🙂

So, I’ve tried to put back my initial function because you thought it would work but be hidden under my cover photo. Unfortunately it didn’t work.

COPY CODE

function show_badge() {

	if ( bp_get_the_profile_field_name() == 'Talent' ) {
		global $field;
		if ( bp_unserialize_profile_field( $field->data->value ) == "Photography" ) {
		echo '<div class="badge1">is it working?</div>';
		}
	}
}

add_action('bp_init', 'show_user_badge');
function show_user_badge () {
    if (bp_is_user()){
        add_action('kleo_before_main_content', 'show_badge');
    }
}

I’ve tried changing the bp_unserialize_profile_field( $field->data->value ) == “Photography” to bp_get_the_profile_field_value() == “Photography” but no luck either.

The field is a dropdown menu, I thought maybe I coulod just use its value (I know it’s different for checkboxes, I’m not sure for dropdowns).

So, I’m back at square 1…not sure why this isn’t working.

[Kida]

Ok I spoke too fast … Even when I change the field value to something else the badge continue to appear..
I guess I should precise in the code, that if the field of this user is “that”, then display the badge.
Or, if any user has the field set to “that” then display the badge.

How would I do that? I’ve tried with the: if ( bp_is_user() ) but then the code doesn’t work anymore.

[Kida]

Ok, I found out that the badge picture is there but going under the cover photo.
I have tried to assign a class (badge1) the the image and change its z index but it doesn’t seem to take into account the class assigned.
So I created a div with a class and that works (I can change the background color etc) but the z-index still didn’t change anything, until I added the attribute position:relative; (I’m adding details in case someone else was after the same thing)

This is the working code

COPY CODE

function show_badge() {

    echo '<div class="badge1"><img src="http://www.mysite.com/wp-content/uploads/musician-red-trans.png"></div>';
    if ( bp_get_the_profile_field_name() == 'talent' ) {
        global $field;
        if ( bp_unserialize_profile_field( $field->data->value ) == "Photography" ) {
          }
    }
}
add_action( 'bp_after_member_header', 'show_badge' );

I also managed to get it under the cover photo by replacing ‘bp_after_member_header’ with ‘kleo_before_main_content’!! Woohoo! 🙂

Thank you very very much for your help, I’ve added my rating and review!

[Kida]

This reply has been set as private.

[Kida]

I’ve tried many things, none of which is working…

COPY CODE

add_action('bp_init', 'show_user_badge', 2);
function show_user_badge () {
    if (bp_is_user()){
        add_action('kleo_before_main_content', 'show_badge', 99);
    }

}

function show_badge() {
	if ( bp_get_the_profile_field_name() == 'talent' ) {
		global $field;
		if ( bp_unserialize_profile_field( $field->data->value ) == "Photography" ) {
		echo 'is it working?';
		}
	}
}

I also tried the same but using ‘bp_after_member_header’ instead ‘kleo_before_main_content’.
I’ve tried to echo a sentence instead of an image but no luck.

Sharmstr helped for the other code, maybe she’d accept to help me with this one too?

[Kida]

Hey Radu,

I don’t want the images to appear on the cover but between the cover and the buddypress tabs.
I had checked this thread : https://archived.seventhqueen.com/forums/topic/add-a-gallery-under-member-header to get inspiration but I don’t manage to make it work.
I would really appreciate if you or one of your colleague could have a look and help me out

[Kida]

This reply has been set as private.

[Kida]

Indeed I haven’t changed the files, it’s really strange and it was the second time it happened.
The first time was at the beginning of the development of the site and i just started over.
This time, I deleted the site and re-uploaded my backup, which solved the issue.
I’m not sure I understand why this happened.
Anyway, my site is fixed thanks to the backup and i thank you very much for checking!

[Kida]

I’ve tried to paste that code into the child/function.php but it doesn’t work.
I should add the complete image path, such as “http://www.mysite.com/wp-content/uploads/2016/09/musician-red-trans.png”, right?

[Kida]

In the end, I duplicated my other site and copied it and the issue is gone.
I’m still wondering though, not knowing where the issue is coming from will make it difficult to fix if it happens again. In case you have any idea of what would create that problem, please let me know.
Thanks for having checked!

[Kida]

Ok, I’ve tried to re-upload all the theme files and override them but it didn’t solve the issue.
Something I hadn’t tried was to disable Buddypress because the issue didn’t start before today and I hadn’t touched the plugin at all, but it seems to be coming from it.
I’ve disabled all the plugin but buddypress and the issue continues. If I enable all my plugin but buddypress, the issue is gone…
I’ve tried deleting it and re-installing it, downloading it from the site and upload it again, but I still have the same issue.
The strange thing is thyat, on my other site it’s not creating any issue.
Do you have any idea what it could be?

[Kida]

Nope, I just precised where I had added the code, but the code is not working.

[Kida]

I can’t edit the post, I’ve made a mistake, I’ve added the code above in home.php, not member-loop.php, in theme>kleo-child>buddypress>members>single

[Kida]

Hi Radu,

I’ve tried that already and it still doesn’t work.
I’ve tried adding a link with the rev slider option in Action>Click>Simple link.
I’ve tried to enclose my button text into a href tag.
I’ve tried to just go to the next slide in rev slider option >action>click>next slide (no links involved).

Basically none of what I’ve tried, worked, my button remains unclickable.
I’ve browsed many sites on revolution slider and how to create a button, followed tutorials etc but my button remains inactive.
I can’t understand why.

Attachments:

You must be logged in to view attached files.

[Kida]

Ok Thanks Laura, I thought it was just an action hook to add for displaying a different header on a specific page ID, my bad!

Cheers,
Cecile

[Author]

Posts