Popular posts widget not loading on mobile only

Hi @mistersmoke,

The popular posts plugin is working great on desktop.

(…) However, it won’t load at all on a mobile view.

Actually, it’s broken for your site on desktop too:

It’s most likely a compatibility issue with one of your other plugins.

Could you please go to Settings > WordPress Popular Posts > Debug (link at the top center of the screen) and share the information listed there here? A screenshot or a simple copy&paste will do.

Thanks!

Alright, so there’s an error message coming from a minified JS file created apparently by the W3 Total Cache plugin so let’s start there.

Please try clearing W3 Total Cache’s cache and report back.

Alright, thanks for the update. Let’s try something else just to check whether the W3TC plugin is what’s causing this.

#1 Add the following code snippet to your site (either via theme’s functions.php file or by using a plugin like Code Snippets):

/**
 * Excludes WPP's script from W3TC's JS minification
 *
 * @param  bool    $do_tag_minification
 * @param  string  $script_tag
 * @param  string  $file
 * @return bool
 */
add_filter( 'w3tc_minify_js_do_tag_minification', function($do_tag_minification, $script_tag, $file) {
	$is_wpp_min_script = strpos($file, 'wpp.min.js');
	$is_wpp_script = strpos($file, 'wpp.js');
	
	if ( false !== $is_wpp_min_script || false !== $is_wpp_script ) {
		return false;
	}

	return $do_tag_minification;
}, 10, 3 );

#2 Flush W3TC’s cache the same way as before.

If everything went well your popular posts list should load normally after this and you should also see WPP’s Js file being loaded on its own by your browser like so:

Please report back your results.

Thanks for the update, although I was pretty sure that’d fix it.

Alright, let’s try something else:

1. Go to Plugins > Plugin File Editor and select WordPress Popular Posts using the dropdown at the right of your screen.
2. Click on assets/js/wpp.min.js to edit this file.
3. Replace the contents of the .js file with this version (it’s the same code, except it’s less “uglified”).
4. Scroll down and click on Update File to save changes.
5. Clear W3TC’s cache once more and check again.

Please report back your results.

Terrific, thanks for reporting back!

I can confirm that it’s working, just checked your site and everything’s well which is great news.

I’ll push a new update with this change soon so thanks for helping test this out.

• This reply was modified 2 years, 11 months ago by Hector Cabrera. Reason: Reworded things to make my comment less redundant