Post pictures are not shown in mobile view

Hi @colorsoffood,

It might be a conflict with another plugin. WordPress Popular Posts includes its own image lazy loading feature which is enabled by default, and it seems you have yet another plugin (or plugins) also trying to lazy load the sames images which can lead to this kind of issues.

Try disabling WPP’s image lazy loading and let your other plugin(s) take care of that, or -if possible- have your other plugin(s) ignore WPP’s thumbnails so they don’t try to lazy load them.

Edit: I forgot to mention how exactly you’re supposed to disable WPP’s image lazy loading haha. Simply head to Settings > WordPress Popular Posts > Tools and under Thumbnails you’ll find the related option.

• This reply was modified 3 years, 10 months ago by Hector Cabrera. Reason: Added instructions to disable WPP's lazy loading

Hi @hcabrera,

thanks for your quick answer!

I disabled WPP’s image lazy loading but that didn’t help. I use WP Rocket lazy load btw.

How can I exclude WPP in WP Rocket? I says “Specify keywords (e.g. image filename, CSS class, domain) from the image or iframe code to be excluded (one per line)”. But I don’t know what to put in there.

thanks for your quick answer!

Don’t worry about it, glad to be of help.

I disabled WPP’s image lazy loading but that didn’t help. I use WP Rocket lazy load btw.

Just checked your site on a regular browser (Firefox, latest version) and thumbnails don’t load for me either which is odd. At this point it might be a good idea to reach out to the WP Rocket team and have them look into this for you. (But before you do, read below.)

Edit: Images did load after a little while after all. Maybe my Internet connection was being a bit slow at that moment?

How can I exclude WPP in WP Rocket? I says “Specify keywords (e.g. image filename, CSS class, domain) from the image or iframe code to be excluded (one per line)”. But I don’t know what to put in there.

I’m not familiar with WP Rocket (it being a paid plugin and all) but if they allow you to exclude stuff by CSS classname then try adding WPP’s thumbnail CSS class in there and see if that does the trick: wpp-thumbnail (or .wpp-thumbnail, but probably the dot isn’t necessary.)

If thumbnails start showing up after excluding WPP’s thumbnail from WP Rocket’s image lazy loading then you’ll want to reactivate WPP’s image lazy loading again so its thumbnails are loaded only when in view.

Oh, and after making any changes remember to clear WP Rocket’s cache so changes take effect immediately.

• This reply was modified 3 years, 10 months ago by Hector Cabrera. Reason: Added update

Hi @hcabrera,

adding WPP’s thumbnail CSS class did the trick. Now it works perfect! ??

I also reactivated WPP’s image lazy loading.

Thanks for your help and the good work!