BuddyPress.org

If there are still people looking for help, I have been trying different things today to:
-add the notifications counter in menu
-style differently if 0 notifications or 1+
-target only the main

It works for me, maybe you can check from here:

// filter to target only main menu
add_filter('wp_nav_menu_items','my_nav_menu_notif_counter', 10, 2);

function my_nav_menu_notif_counter($menu, $args) {

$url = bp_core_get_user_domain(bp_loggedin_user_id()) .'notifications/';

// counter to target unread notifications = 0 or 1+
$bpnotifcount = bp_notifications_get_unread_notification_count( bp_loggedin_user_id() );

       // condition: user must be loggedin
       if (!is_user_logged_in())
                return $menu;
       else

                // condition: only main nav
		if( $args->theme_location == 'primary' ) {

                        // condition: 0 unread notifications
			if($bpnotifcount == 0) { 
                	$notif = '<li><a href=" ' .$url. ' ">Notifications <span class="notifmenucount">'. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</span></a></li>';
			} else {
               		$notif = '<li><a href=" ' .$url. ' ">Notifications <span class="notifmenucount countnot0">'. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</span></a></li>';
			}

        		$menu = $menu . $notif;
        		return $menu;
		}

        	else
			return $menu;

}

And CSS

/*Notifications counter in menu*/
.notifmenucount {
border-radius: 25%;
border: 1px solid #ccc;
color: #888;
display: inline;
margin-left: 1px;
padding: 2px 6px;
text-align: center;
vertical-align: center;
font-size: small;
}
.countnot0 {
color: #ffff00;
background: #ff0000;
border: 1px solid transparent;
}

😉

I tried all sorts of things on this topic today, I ended up with something that looks like it’s working. Maybe you can try it:

// filter to target only main menu
add_filter('wp_nav_menu_items','my_nav_menu_notif_counter', 10, 2);

function my_nav_menu_notif_counter($menu, $args) {

$url = bp_core_get_user_domain(bp_loggedin_user_id()) .'notifications/';

// counter to target unread notifications = 0 or 1+
$bpnotifcount = bp_notifications_get_unread_notification_count( bp_loggedin_user_id() );

       // condition: user must be loggedin
       if (!is_user_logged_in())
                return $menu;
       else

                // condition: only main nav
		if( $args->theme_location == 'primary' ) {

                        // condition: 0 unread notifications
			if($bpnotifcount == 0) { 
                	$notif = '<li><a href=" ' .$url. ' ">Notifications <span class="notifmenucount">'. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</span></a></li>';
			} else {
               		$notif = '<li><a href=" ' .$url. ' ">Notifications <span class="notifmenucount countnot0">'. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</span></a></li>';
			}

        		$menu = $menu . $notif;
        		return $menu;
		}

        	else
			return $menu;

}

And CSS:

/*Notifications counter in menu*/
.notifmenucount {
border-radius: 25%;
border: 1px solid #ccc;
color: #888;
display: inline;
margin-left: 1px;
padding: 2px 6px;
text-align: center;
vertical-align: center;
font-size: small;
}
.countnot0 {
color: #ffff00;
background: #ff0000;
border: 1px solid transparent;
}

I hope it helps!

The snippets works as expected and show the counters to LOGGED-IN user.

Check the source code of the items.

You should have something like this while looged-in:

<li><a href="..../messages/ ">Messages (0)</a></li>
<li><a href="..../notifications/ ">Notifications (3)</a></li>

The count is in brackets.

If you want a real bubble, you have to style it yourself with css. To do so, you need to add a span around the counter. Exactly like this:
Notifications<span class="my_bubble">('. bp...blah... .')</span></a>

Don’t hack core files. (never !) Which language do you use ?

Where have you done this ?
I’ve took a look at the files and found out that the working ones are using __( "Foo %s", "buddypress" ) and the wrong ones are using _x( "Foo %s", "Blah blah blah", "buddypress" ).

Actually all BP strings are working. If you need custom translation, you have to do that in po/mo and to use preferably the original strings. For example, if you build a template and want to use the notification count on it, you copy the original string to your work. If you don’t do that, you nedd 2 po/mo ! One for BP and one for your custom work. Which is certainly not the best and easiest solution.

The notification count is defined in wp-content/plugins/buddypress/bp-notifications/classes/class-bp-notification-component.php

The counter itself is inside a span and is defined separately.

/* translators: %s: Unread notification count for the current user */
_x( 'Notifications %s', 'Profile screen nav', 'buddypress' ),
sprintf(
	'<span class="%s">%s</span>',

The bla bla bla part you mention is a comment for translators who indicates him the context. This comment appears in the pot file like: Notification %s [Profile screen nav]

That’s BP’s default coding. You haven’t to modify this. Use it as is.

If you have difficulty to translate such a string, you have to check your theme or any custom function you added (by hand or another plugin).

The corresponding custom string should reflect the original one as gettext function wouldn’t translate a string which is not identic.

__( "Foo %s", "buddypress" ) and _x( "Foo %s", "Blah blah blah", "buddypress" ) are both working, and do technicaly the same thing (foo = something) which let you modify “foo” in both case, but as the original string is _x( "Foo %s", "Blah blah blah", "buddypress" ), you couldn’t replace it with __( "Foo %s", "buddypress" ). It is the translation prefix (_x or __) which is the important thing here.

Hope to be clear. And you’re right, unfortunately your changes will be overwriten at next BP update as you hacked core files.

After upgrade the custom loop with notifications doesn’t work anymore:

if ( is_user_logged_in() ) {
   if ( function_exists( 'bp_is_active' ) ) {
	if ( $notifications = bp_notifications_get_notifications_for_user( bp_loggedin_user_id(), $format = 'string' ) ) { ?>
	<div class="notif-container">
	<?php
	}

	if ( $notifications ) {
		$counter = 0;
		for ( $i = 0, $count = count( $notifications ); $i < $count; ++$i ) {
			$alt = ( 0 == $counter % 2 ) ? ' alt' : ''; ?>
			<div class="my-notification<?php echo $alt ?>"><?php echo $notifications[$i] ?></div>

			<?php
			 $counter++;
			} ?>
	</div><!-- notif-container -->
	<?php
	} else {}
   }
}

It returns ‘Array’

I got this working in the end… I had to change the first letter of ‘Primary’ menu to lowercase! Is there code I can add to not display ‘0’ after messages, for instance if there are no new messages, then ‘0’ is not displayed?

I’ve got another plugin for Buddypress called ‘Compliments’ which also has a notification counter, is there a way to clear the reset counter of those notifications, once a person has viewed that particular page?

Many thanks.

Hi @mcuk , I’ve added Buddypress menu items (e.g. messages, notifications etc.) in my main WordPress menu, together with WordPress menu items (e.g. home). I also want to have the notification counters next to each of the Buddypress items, but am struggling to get your solution to work for me (doesn’t help I’m not that proficient in coding)! Should I add the code above to the functions.php of my child theme, and is it only that one file I need to edit?

Many thanks.

This question is already answered many times.
Please have a look. 🙂
https://buddypress.org/support/search/notifications+counter/

Try:

function my_counter_nav_menu($menu) {  

     $notif_url = bp_core_get_user_domain(bp_loggedin_user_id()) .'notifications/';
     $friends_url = bp_core_get_user_domain(bp_loggedin_user_id()) .'friends/'; 
     $msg_url = bp_core_get_user_domain(bp_loggedin_user_id()) .'messages/';    
      
    if (!is_user_logged_in())
        return $menu;
    
    $notif = '<li class="notify"><a href=" ' .$friends_url. ' ">Connections <div class="friendnumber topnavcount">'.friends_get_friend_count_for_user( bp_loggedin_user_id() ) .'</div></a></li>';

    if ( bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) != 0 )
        $notif .= '<li class="notify"><a href=" ' .$notif_url. ' ">Notifications <div class="notifynumber topnavcount">'. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ).'</div></a></li>';

   if ( bp_get_total_unread_messages_count( bp_loggedin_user_id() ) != 0 )
        $notif .= '<li class="notify"><a href=" ' .$msg_url. ' ">Messages <div class="messagenumber topnavcount">'.bp_get_total_unread_messages_count( bp_loggedin_user_id() ) .'</div></a></li>';

    $menu .= $notif;
    return $menu;
}
add_filter( 'wp_nav_menu_items', 'my_counter_nav_menu' );

hi ailyroot,

no time to sort out what you need, but see here 3 snippets using different wya to add such item to a theme main menu or custom menu, with fixed or free position… Test and take the one you need.

//fixed position
function my_nav_menu_notif_counter($menu) {      
        if (!is_user_logged_in())
                return $menu;
        else
                $notif = '<li>Notif '. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</li>';
                $menu = $menu . $notif;
                return $menu;
}
add_filter( 'wp_nav_menu_items', 'my_nav_menu_notif_counter' );

//choose position
function my_nav_menu_positioned_notif_counter( $items, $args ) 
{
    if( $args->theme_location == 'primary' ) // only for primary menu
    {
        $items_array = array();
        while ( false !== ( $item_pos = strpos ( $items, '<li', 3) ) )
        {
            $items_array[] = substr($items, 0, $item_pos);
            $items = substr($items, $item_pos);
        }
        $items_array[] = $items;
        array_splice($items_array, 0, 0, '<li>Notif '. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</li>'); // 0,0 is first position, 1,0 is second, etc

        $items = implode('', $items_array);
    }
    return $items;
}
add_filter('wp_nav_menu_items','my_nav_menu_positioned_notif_counter', 10, 2);

// depending the theme, $theme_location may vary and this one use a menu ID
function my_notif_link( $items, $args ) {

$theme_location = 'primary';// Theme Location slug
$existing_menu_item_db_id = 6; // menu id
$new_menu_item_db_id = 66; // unique id number
$label = 'Notificationas '. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() );
$url = bp_core_get_user_domain(bp_loggedin_user_id()) .'notifications/';
 
if ( $theme_location !== $args->theme_location ) {
	return $items;
}
$new_links = array();

if ( is_user_logged_in() ) {
	  
	// only if user is logged-in, do sub-menu link
	$item = array(
		'title'            => $label,
		'menu_item_parent' => $existing_menu_item_db_id,
		'ID'               => 'fugit', // menu name
		'db_id'            => $new_menu_item_db_id,
		'url'              => $url,
		'classes'          => array( 'menu-item' )
	);

	$new_links[] = (object) $item;  // Add the new menu item to our array
	unset( $item ); // in case we add more items below

	$index = count( $items );  // integer, the order number.

// Insert the new links at the appropriate place.
	array_splice( $items, $index, 0, $new_links ); // 0,0 is first position, 1,0 is second, etc

}

return $items;
}
add_filter( 'wp_nav_menu_objects', 'my_notif_link', 10, 2 );

Happy testing 😉

Yes you can, but why would you do that as all those counters are already in the user menu (on top right, under Howdy) and on each profile ? Tsssss…., but you’re the boss ! 😉

To count friends use friends_get_friend_count_for_user( bp_loggedin_user_id() );
To count messages use bp_get_total_unread_messages_count( bp_loggedin_user_id() )

Complete solution

function my_counter_nav_menu($menu) {  

$notif_url = bp_core_get_user_domain(bp_loggedin_user_id()) .'notifications/';
$friends_url = bp_core_get_user_domain(bp_loggedin_user_id()) .'friends/'; 
$msg_url = bp_core_get_user_domain(bp_loggedin_user_id()) .'messages/';    
      
    if (!is_user_logged_in())
        return $menu;
    else
        $notif = '

<li><a href=" ' .$notif_url. ' ">Notif ['. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .']</a></li>
<li><a href=" ' .$friends_url. ' ">Friends ['. friends_get_friend_count_for_user( bp_loggedin_user_id() ) .']</a></li> 
<li><a href=" ' .$msg_url. ' ">Messages ['.  bp_get_total_unread_messages_count( bp_loggedin_user_id() ) .']</a></li>

';
				
    $menu = $menu . $notif;
    return $menu;
}
add_filter( 'wp_nav_menu_items', 'my_counter_nav_menu' );

Bu yardım olabilir ! 😉

Add this to bp-custom.php and give a try ! Should show at the left of the logout button on Buddy theme nav bar

function my_nav_menu_notif_counter($menu) {  

$url = bp_core_get_user_domain(bp_loggedin_user_id()) .'notifications/';   
       // condition: user must be loggedin
        if (!is_user_logged_in())
                return $menu;
        else
                $notif = '<li><a href=" ' .$url. ' ">Notif ['. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .']</a></li>';
				
                $menu = $menu . $notif;
                return $menu;
}
add_filter( 'wp_nav_menu_items', 'my_nav_menu_notif_counter' );