Image sizes are not shown on the right hand side

sorry, i will not give support for old versions of the plugin.

If you run a current wordpress you have to use the current version of the plugin. I can help you fix problemes on the current version.

Well, I am using the 0.9.0 plugin version in my production environment, because the 0.10 and upwards don’t work. So what I asked is if you could help me with getting the 0.10.X in this case 0.10.6 version does not work. To help you with debugging I provided the output of the debug data of both versions above.

I have the 0.10.6 version installed on my dev environment, and will update the production environment to 0.10.6 only if we can get this to work.

My image sizes declarations in functions.php

/*
 * Generate Image Sizes
 * */
// Thumbnails
add_action('after_setup_theme', 'set_image_sizes');
function set_image_sizes() {
  set_post_thumbnail_size(316, 239, true);
  add_image_size('post-thumbnail-retina', 632, 478, true);
  // Feature Hero Images
  add_image_size('featured-post-hero-xl', 1200, 490, true);
  add_image_size('featured-post-hero-xl-retina', 2400, 980, true);
  add_image_size('featured-post-hero-l', 840, 460, true);
  add_image_size('featured-post-hero-l-retina', 1680, 920, true);
  add_image_size('featured-post-hero-m', 580, 470, true);
  add_image_size('featured-post-hero-m-retina', 1160, 940, true);
  add_image_size('featured-post-hero-s', 420, 550, true);
  add_image_size('featured-post-hero-s-retina', 840, 1100, true);
  // In-Post Images
  add_image_size('article-s', 375, 0, false);
  add_image_size('article-m', 750, 0, false);
  add_image_size('article-l', 1200, 0, false);
  add_image_size('article-xl', 1500, 0, false);
  add_image_size('article-xxl', 2400, 0, false);
}

As far as i see the following sizes should be seen on the settings-page.
– post-thumbnail
– post-thumbnail-retina
– featured-post-hero-xl
– featured-post-hero-xl-retina
– featured-post-hero-l
– featured-post-hero-l-retina
– featured-post-hero-m
– featured-post-hero-m-retina
– featured-post-hero-s
– featured-post-hero-s-retina

But they dont?
Please remove any “get_intermediate_image_sizes”-Code from your theme for the moment.

I removed the get_intermediate_image_sizes code already, just used it to check if my image sizes returned, which they did.
Indeed they do not return in the admin > settings > crop-thumbnails.

Strange,
you are on a dev enviroment, right? Did you have debug on? Are there any errors/warnings/notices shown?

You can activate debugging with the following code in your wp-config.php

define(‘WP_DEBUG_DISPLAY’, true);
define(‘WP_DEBUG_LOG’, false);
@ini_set(‘display_errors’, 1);

Thank you for your incredibly quick replies!

I enabled the debugging like you said and had indeed an error logged that had something to do with a remnant of wp-cache, which was no longer installed, but caused some trouble. The plugin is removed and the line that enabled the caching in wp-config (added by the plugin) is removed as well. Thus no more errors are logged whatsoever. Unfortunately my image sizes still do not appear in the crop-thumbnails pop-up.

Is there something else I can check?

Hi,
lets focus on the settings page first – if the image-sizes are not visible on the settings-page they cant be visible in the thumbnail-editor.

If you have debugging enabled are there any warnings on the settings-page. What is visible (maybe share a screenshot).

I have debugging enabled indeed. No errors are logged on the settings page.
A screenshot can be found on the following link:
https://nl.tinypic.com/r/24qiquv/9

The console also didn’t log any errors.

please add the following lines in your functions.php to get a debug of the image_sizes in the frontend;

add_action('wp_head','test_image_sizes');
function test_image_sizes() {
	$tmp_sizes = get_intermediate_image_sizes();
	echo '<pre>';
	print_r($tmp_sizes);
	echo '</pre>';
}

Are all image-sizes present?

Also, please try to add a higher priority to your after_setup_theme-hook.

add_action('after_setup_theme', 'set_image_sizes', 999999);

Hi I added the debug code for the image sizes, all my image sizes are returned and printend:

(
    [0] => thumbnail
    [1] => medium
    [2] => medium_large
    [3] => large
    [4] => post-thumbnail
    [5] => post-thumbnail-retina
    [6] => featured-post-hero-xl
    [7] => featured-post-hero-xl-retina
    [8] => featured-post-hero-l
    [9] => featured-post-hero-l-retina
    [10] => featured-post-hero-m
    [11] => featured-post-hero-m-retina
    [12] => featured-post-hero-s
    [13] => featured-post-hero-s-retina
    [14] => article-s
    [15] => article-m
    [16] => article-l
    [17] => article-xl
    [18] => article-xxl
)

Even with the higher priority added to the after_setup_theme hook the image sizes don’t return in the settings page.

Man, that getting stranger and stranger ??
Sorry for the problems with the plugin.

OK let’s analize this. There are 3 possible error sources:

1. a conflict with another plugin
2. the theme do some fancy things
3. a bug in crop thumbnails caused by some wordpress change

First check of an plugin conflict.
Please turn of all plugins except of crop-thumbnails and test the settings page again. If the image-sizes appear turn on the plugins till they are hidden again.

If the image-sizes not appear when all plugins are turned of modify the following file:

plugins/crop-thumbnails/functions/settings.php on line 247
please exchange the complete function with the following code:

function getImageSizes() {
		global $_wp_additional_image_sizes;//array with the available image sizes
		$tmp_sizes = array_flip(get_intermediate_image_sizes());
		echo '<pre>'.print_r($tmp_sizes,true).'</pre>';
		foreach($tmp_sizes as $key=>$value) {
			$tmp_sizes[$key] = $key;
		}
		$tmp_sizes = apply_filters( 'image_size_names_choose', $tmp_sizes );
		echo '<pre>'.print_r($tmp_sizes,true).'</pre>';
		$sizes = array();
		foreach( $tmp_sizes as $_size=>$theName ) {

			if ( in_array( $_size, $this->defaultSizes ) ) {
				$sizes[ $_size ]['width']  = intval(get_option( $_size . '_size_w' ));
				$sizes[ $_size ]['height'] = intval(get_option( $_size . '_size_h' ));
				$sizes[ $_size ]['crop']   = (bool) get_option( $_size . '_crop' );
			} else {
				$sizes[ $_size ] = array(
					'width'  => intval($_wp_additional_image_sizes[ $_size ]['width']),
					'height' => intval($_wp_additional_image_sizes[ $_size ]['height']),
					'crop'   => (bool) $_wp_additional_image_sizes[ $_size ]['crop']
				);
			}
			$sizes[ $_size ]['name'] = $theName;
		}
		echo '<pre>'.print_r($sizes,true).'</pre>';
		return $sizes;
	}

On the settingspage should be 3 arrays visible, like so:

Array
(
    [thumbnail] => 0
    [medium] => 1
    [medium_large] => 2
    [large] => 3
    [post-thumbnail] => 4
    [strange-image-ratio] => 5
    [bug-hunt-1] => 6
    [dynamic-1] => 7
    [dynamic-2] => 8
    [static-1] => 9
)
Array
(
    [thumbnail] => thumbnail
    [medium] => medium
    [medium_large] => medium_large
    [large] => large
    [post-thumbnail] => post-thumbnail
    [strange-image-ratio] => strange-image-ratio
    [bug-hunt-1] => bug-hunt-1
    [dynamic-1] => Menschen lesbar - sehr hoch
    [dynamic-2] => dynamic-2
    [static-1] => static-1
)
Array
(
    [thumbnail] => Array
        (
            [width] => 150
            [height] => 150
            [crop] => 1
            [name] => thumbnail
        )

    [medium] => Array
        (
            [width] => 300
            [height] => 300
            [crop] =>
            [name] => medium
        )

    [medium_large] => Array
        (
            [width] => 768
            [height] => 0
            [crop] =>
            [name] => medium_large
        )

    [large] => Array
        (
            [width] => 1024
            [height] => 1024
            [crop] =>
            [name] => large
        )

    [post-thumbnail] => Array
        (
            [width] => 300
            [height] => 200
            [crop] => 1
            [name] => post-thumbnail
        )

    [strange-image-ratio] => Array
        (
            [width] => 500
            [height] => 499
            [crop] => 1
            [name] => strange-image-ratio
        )

    [bug-hunt-1] => Array
        (
            [width] => 1200
            [height] => 500
            [crop] => 1
            [name] => bug-hunt-1
        )

    [dynamic-1] => Array
        (
            [width] => 500
            [height] => 9999
            [crop] => 1
            [name] => Menschen lesbar - sehr hoch
        )

    [dynamic-2] => Array
        (
            [width] => 550
            [height] => 0
            [crop] => 1
            [name] => dynamic-2
        )

    [static-1] => Array
        (
            [width] => 240
            [height] => 120
            [crop] => 1
            [name] => static-1
        )

)

Disabling the plugins had no effect whatsoever, but the code printed the three arrays as you stated in your comment indeed.

The get intermediate image sizes returned this to the settings page:

Array
(
    [thumbnail] => 0
    [medium] => 1
    [medium_large] => 2
    [large] => 3
    [post-thumbnail] => 4
    [post-thumbnail-retina] => 5
    [featured-post-hero-xl] => 6
    [featured-post-hero-xl-retina] => 7
    [featured-post-hero-l] => 8
    [featured-post-hero-l-retina] => 9
    [featured-post-hero-m] => 10
    [featured-post-hero-m-retina] => 11
    [featured-post-hero-s] => 12
    [featured-post-hero-s-retina] => 13
    [article-s] => 14
    [article-m] => 15
    [article-l] => 16
    [article-xl] => 17
    [article-xxl] => 18
)

Which is the same result I had myself in the theme, when trying where the function started to misbehave/lose the image sizes.

The image_size_names_choose filter only returns the wordpress sizes I had defined for the editor though like so:

Array
(
    [article-s] => Side by side
    [article-m] => Normal
    [article-l] => Large
)

My code defining these sizes in the theme’s functions.php:

/*
 * Add custom image sizes to the size chooser
 * */
function custom_image_sizes_choose($sizes) {
  $custom_sizes = array(
    'article-s' => 'Side by side',
    'article-m' => 'Normal',
    'article-l' => 'Large'
  );
  return $custom_sizes;
}

add_filter('image_size_names_choose', 'custom_image_sizes_choose');

After the foreach the same image sizes return:

Array
(
    [article-s] => Array
        (
            [width] => 375
            [height] => 0
            [crop] =>
            [name] => Side by side
        )

    [article-m] => Array
        (
            [width] => 750
            [height] => 0
            [crop] =>
            [name] => Normal
        )

    [article-l] => Array
        (
            [width] => 1200
            [height] => 0
            [crop] =>
            [name] => Large
        )

)

These images have crop turned off as you can see, which is why they don’t return on the settings page, which is good. The other image sizes however should return, I use them for featured images in my theme (the large ones) and the post_thumbnail and post_thumbnail_retina for the posts thumbnail on the homepage.

I had removed the following code from my theme to test if the plugin is affected by this code and it is:

add_filter('image_size_names_choose', 'custom_image_sizes_choose');
function custom_image_sizes_choose($sizes) {
  $custom_sizes = array(
    'article-s' => 'Side by side',
    'article-m' => 'Normal',
    'article-l' => 'Large'
  );
  return $custom_sizes;

When this code was removed I could crop my thumbnails as expected. I do need this code however to make sure only these sizes are available to insert into the post editor.

But we’re getting somewhere! ??

Ok,
i think i have to adjust my plugin. In the documentation of ‘image_size_names_choose’ its not 100% clear what purpose the filter has. It can easiely be readed as: “use to remove some image-sizes in Backend”. While i thought of it as “use to rename the image sizes (and not alter the size of the result-array)”.

Let me think a few minutes.

ok, here is a updated version of the function, to fix your problem
plugins/crop-thumbnails/functions/settings.php

function getImageSizes() {
		global $_wp_additional_image_sizes;//array with the available image sizes
		$image_size_names = array_flip(get_intermediate_image_sizes());
		foreach($image_size_names as $key=>$value) {
			$image_size_names[$key] = $key;
		}

		$tmp_sizes = apply_filters( 'image_size_names_choose', $image_size_names );
		$image_size_names = array_merge($image_size_names,$tmp_sizes);

		$sizes = array();
		foreach( $image_size_names as $_size=>$theName ) {

			if ( in_array( $_size, $this->defaultSizes ) ) {
				$sizes[ $_size ]['width']  = intval(get_option( $_size . '_size_w' ));
				$sizes[ $_size ]['height'] = intval(get_option( $_size . '_size_h' ));
				$sizes[ $_size ]['crop']   = (bool) get_option( $_size . '_crop' );
			} else {
				$sizes[ $_size ] = array(
					'width'  => intval($_wp_additional_image_sizes[ $_size ]['width']),
					'height' => intval($_wp_additional_image_sizes[ $_size ]['height']),
					'crop'   => (bool) $_wp_additional_image_sizes[ $_size ]['crop']
				);
			}
			$sizes[ $_size ]['name'] = $theName;
		}
		$sizes = apply_filters('crop_thumbnails_image_sizes',$sizes);
		return $sizes;
	}

This will be in the next release.