Widget Incorrectly Displays with Ajaxify widget Enabled

Hi Hector,

Is there a wat to test or check using code (PHP) if the ajaxify widget is enabled or not?

E.g.

If ajaxify widget is enabled
<do this>

etc.

Can you please advise how this code would look?

Thanks
Indy

Hi Hector,

Hope you are safe.

Okay, thanks for explaining the reply to my previous question.

I have found in my functions.php, the custom function which displays my homepage TRENDING using WPP. This is also being used to display WPP the sidebar currently (I think).

I would like you to look at this and check to make sure we are not using any WPP functions which are not correct, deprecated or something that could be done better to make it work with the Ajaxify widget.

	/*
	 * Builds custom HTML
	 *
	 * With this function, it alters WPP's HTML output from my theme's functions.php.
	 * This way, the modification is permanent even if the plugin gets updated.
	 *
	 * @param   array   $mostpopular
	 * @param   array   $instance
	 * @return  string
	 */
	function my_custom_popular_posts_html_list( $mostpopular, $instance ){
		
		if ( is_singular('post') ) {
			 $output = '<div id="trendingList" class="new-post-list trend-overlay"> <ul>';	
				// loop the array of popular posts objects				
				foreach( $mostpopular as $popular ) {
				//print_a($popular);
			
					$stats = ''; // placeholder for the stats tag
			
					// Category option checked
					if ($instance['stats_tag']['category']) {
						$post_cat = get_the_category($popular->id);
						$post_cat = (isset($post_cat[0]))
						  ? '<a href="' . get_category_link($post_cat[0]->term_id) . '">' . $post_cat[0]->cat_name . '</a>'
						  : '';
			
						if ($post_cat != '') {
							$stats = '<figcaption>' . sprintf(__('%s', 'wordpress-popular-posts'), $post_cat) . '</figcaption>';
						}
					}
					
					$terms = wp_get_post_terms( $popular->id, 'category' );
					
					foreach($terms as $term){
						
						if($term->parent == 0){
							$slug = $term->slug;
							$cat_name = $term->name;
							break;
							} 
						
					}
					$postContent = get_post_field('post_content', $popular->id );
					$word_count = bavotasan_word_count($postContent);
					
					$output .= '<li class="'.$slug.'-bg">';
					$output .= '<figure class="full-width"><a href="' . get_the_permalink( $popular->id ) . '\" title="' . esc_attr( $popular->title ) . '">';
					$output .= get_the_post_thumbnail( $popular->id, 'trending-thumb' );					
					if($word_count < 350){
						$output .= '<span class="quick-read-icon"></span>';
					}
					$output .= '</a>';
					$output .= '<figcaption>' . $cat_name . '</figcaption>';
					$output .= '</figure>';
					$output .= '<h3 class="post-title"><a href="' . get_the_permalink( $popular->id ) . '" title="' . esc_attr( $popular->title ) . '">'. $popular->title .'</a></h3>';					
					if( (check_shortcode('fvplayer', $popular->id)) || (check_shortcode('nggallery', $popular->id)) || (check_shortcode('ngg_displayed_gallery', $popular->id)) || (check_shortcode('mceItem', $popular->id)) || (check_shortcode('[audio', $popular->id)) ) {
						$output .= '<div class="go-to-share less-spacing"><ul>';
						if(check_shortcode('fvplayer', $popular->id)) {
							$output .= '<li><a href="#fvplayer-0" title="View Video"><i class="fa fa-youtube-play"></i></a></li>';
						}						
						if(check_shortcode('ngg_displayed_gallery', $popular->id) || check_shortcode('mceItem', $popular->id) || check_shortcode('nggallery', $popular->id)) {
							$output .= '<li><a href="#ngg-image-0" title="View Gallery"><i class="fa fa-camera"></i></a></li>';
						}
						if(check_shortcode('audio', $popular->id)) {
							$output .= '<li><a href="#mep_0" title="View Video"><i class="fa fa-volume-up"></i></a></li>';
						}
						$output .= '</ul></div>';
					}
					
					//$output .= $excerpt;
					$output .= '</li>';					
				}			
				$output .= '</ul></div>';
				
		} else {
		
		    $output = '<section id="trending" class="flex">';	
		    // loop the array of popular posts objects for homepage view or other pages using full width widget
		    $trending_count = 01;
	
				
		    foreach( $mostpopular as $popular ) {
				
	   
		
		        $stats = ''; // placeholder for the stats tag
		
		        // Category option checked
		        if ($instance['stats_tag']['category']) {
		            $post_cat = get_the_category($popular->id);
		            $post_cat = (isset($post_cat[0]))
		              ? '<a href="' . get_category_link($post_cat[0]->term_id) . '">' . $post_cat[0]->cat_name . '</a>'
		              : '';
		
		            if ($post_cat != '') {
		                $stats = '<figcaption>' . sprintf(__('%s', 'wordpress-popular-posts'), $post_cat) . '</figcaption>';
		            }
		        }
		        
				$terms = wp_get_post_terms( $popular->id, 'category' );	
					
				
				
				$cat_id = get_the_category($popular->id);
				$child = get_category( $cat_id[0]->term_id );
				
				$category_slug ="";
				$category_name = "";
				
				if( $child->parent == 0 )
				{
					$category_name = $child->name;
					$category_slug = $child->slug;	
				} else {
					$parent_name = get_category($child->parent);
					$category_name = $parent_name->name;	
					$category_slug = $parent_name->slug;
				}
						
				
				$cat_name = $category_name;
				
				
				foreach($terms as $term){
				
					if($term->parent == 0){
						$slug = $term->slug;
					} else {
						$term = get_term_by( 'id', $term->parent, POST_CATEGORY);
						
						$slug = $term->slug;
						$cat_name = $term->name;
					}
				}	
				$postContent = get_post_field('post_content', $popular->id );
				$word_count = bavotasan_word_count($postContent);
					
		        $output .= '<div class="col-1"><article class="trend-overlay '.$slug.' flex"><div class="content">';
		        $output .= '<figure><a href="' . get_the_permalink( $popular->id ) . '" title="' . esc_attr( $popular->title ) . '">';
		        $output .= get_the_post_thumbnail( $popular->id, 'home-trending-thumb' );
				if($word_count < 350){
						$output .= '<span class="quick-read-icon"></span>';
					}
		        $output .= '</a>';
				
				if(isset($cat_name))
					$output .= '<figcaption>' . $cat_name.'</figcaption>';
				else{
					$output .= '';
				}
		        $output .= '</figure>';
		        $output .= '<h3><a href="'.get_the_permalink( $popular->id ).'" title="'.esc_attr( $popular->title ).'">'. $popular->title . '</a></h3';
		        //$output .= $excerpt;
		        $output .= '</div><span class="number">'.str_pad($trending_count, 2, '0', STR_PAD_LEFT).'</span></article></div>';
				$trending_count++;
		    }
		
		    $output .= '</section>';
		    
		} //else
		
		return $output;
	}	
	add_filter( 'wpp_custom_html', 'my_custom_popular_posts_html_list', 5, 2 );

Please advise what needs changing.

Many thanks in advance.

Regards,
Indy