WP Media Library Grid View not displaying

Question

Found this question: Wordpress: media library grid mode infinite loading

And, more recently: "Currently I am using Enfold child theme but media grid view is not working. Even if I try to get to the grid from any of other places like selecting the featured image its not working." From: Wordpress grid media is not working

I am having the exact same problem in WordPress (and also using Enfold). I have renamed my plugins folder to plugins.hold, disabling all plugins. I also set the theme to TwentySixteen. Neither of those things worked. The media library list view works -- only the grid view does not. (But, this is vital, since several elements pull the grid view by default with no chance to switch to the list view. This essentially renders those elements useless, as it is impossible to add an image.)

I realize this is more a WP question than a programming question, but I am hoping someone else has seen this and has a suggestion as to how it can be resolved.

We ended up restoring the site from a backup. I did receive this info (after we'd restored) to help me troubleshoot: Enable debug log: open your wp-config.php file and look for define(‘WP_DEBUG’, false);. Change it to true. Also, set define( 'WP_DEBUG_LOG', true ); The errors will be saved to a debug.log log file inside the /wp-content/directory. Please note that you have to try to switch to grid mode after enabling debug mode, so it will hopefully trigger error. Hope it helps! — Dan, Jan 23 '17 at 06:16

Pavnish Yadav · Answer 1 · 2017-06-01T07:06:12.943

I faced same issue on my wordpress site. After the lot of debugging i fixed my problem step by step.

First add given below code your db-config.php

define('SCRIPT_DEBUG', TRUE);
define('WP_DEBUG', TRUE);
define( 'WP_DEBUG_LOG', true );

Then goto /wp-includes/js/wp-util.js files and find the code $.ajax( options ) on line number 100(depand your wordpress version) insert given below code into your file

deferred.jqXHR = $.ajax( options ).done( function( response ) {
  try {
      response = JSON.parse(response);
  } catch (Exception) {
      response = response;
  }

Please check your may be resolved.

if you Removed constant from db-config.php

define('SCRIPT_DEBUG', TRUE);
define('WP_DEBUG', TRUE);
define( 'WP_DEBUG_LOG', true );

Then compress your /wp-includes/js/wp-util.js file code and put your compressed code into /wp-includes/js/wp-util.min.js

*change your own risk if your update your wordpress version changed may be lost.

core file change is bad habit. but it's work for me.I think that is better answer...Thanks man. — Avinash, Jun 01 '17 at 06:57

score 1 · Answer 2 · answered Jun 15 '20 at 04:49

Solution: Check the admin-ajax.php response, if there are non-json return or invalid json return you should investigate where the extra ajax response come from.

I had similar issue recently, after inspecting admin page the admin-ajax.php response contain non json response. It is because my client adding extra code in function.php that somehow append inline to the admin-ajax.php response

score 0 · Answer 3 · answered Jan 24 '18 at 11:13

0

I had this issue recently and after trying all suggestion following worked for me.

Add following function in wp-config.php at top most line. If needed after that than update permalink once.

ob_start();

answered Jan 24 '18 at 11:13

Viral

1,329
1
9
31

score 0 · Answer 4 · answered Nov 18 '18 at 03:08

For me, this happened after moving my site from an NGINX host to Apache. An old .htaccess file was lurking in the /uploads folder, which blocked access to any file in the uploads folder with a referrer that was not was my site (but, the http version, not the current https version). Because NGINX doesn't read .htaccess, this was now suddenly preventing images from being shown in the media grid.

Strangely, the images were showing in the list view. Also, directly requesting images was fine, presumably because that is done without a referrer.

score 0 · Answer 5 · answered Oct 05 '21 at 19:34

0

Check the log error file in the wp-admin directory. If the repeating error is something like this

PHP Warning: ini_set () has been disabled for security reasons in

So, disable the ini_set function in your Cpanel (php selector> options> disable functions)

If the php selector option does not appear in your Cpanel, contact your hosting provider to fix this problem

answered Oct 05 '21 at 19:34

David Guamán

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Muhammedogz Oct 06 '21 at 06:01

score 0 · Answer 6 · answered Dec 21 '21 at 12:20

Adding following code to functions.php of theme folder worked for me

 add_action('admin_head', 'my_custom_style'); 

    function my_custom_style()
    {
        echo '<style>
    .media-frame.mode-grid .media-toolbar {
        
        height: 60px !important;
    }
  </style>';
    }

WP Media Library Grid View not displaying

6 Answers6