Как сделать одинаковое разрешение картинок woocomerce?

Question

[maratmd]

Привет всем, сайт на wordpress+woocomerce . Все картинки товаров разнообразные по разрешению и положению, есть вертикальные и горизонтальные, разрешение также у всех разное. Как вывести их в каталоге товаров и на странице товаров в один размер. Чтобы и горизонтальные и вертикальные смотрелись одинаково. Например где это необходимо добавлялись поля или что то в этом роде.

Использовал плагин Regenerate Thumbnails совместно с Smart Image Resize for WooCommerce получился такой бред, картинки товаров местами поменялись.

Может кто что порекомендует?

Comments

[Антон Литвиненко]

у вукоммерс возможность кропать картинки для каталога прямо из коробки в настройках в кастомайзере

Answer 1

[Пычев Анатолий]

Выгрузить по ftp все каритнки на локалку. достаточно выгружать только оригинальные (не подрезанные). Список всех загруженных файлов можно взять из БД
Сторонней программой подрезать их под нужый размер и соотношение сторон
загрузить обратно с заменой
Запустить Regenerate Thumbnails, и он перережет все миниатюры.

Answer 2

[maratmd]

Может как то кодом можно сделать, чтобы вся картинка товара умещалась например в квадрате? или указать определенную высоту миниатюры, а ширина автоматом подстраивалась

Comments

[Пычев Анатолий]

можно и кодом

/**
	 * Crop and correct size of image and save it in temp file
	 *
	 * @since    1.0.0
	 * @param    string    $file_name    The file name that need to corrected.
	 */
	private function crop_image( $file_name ){
		
		// load image
		$orig_img = $this->image_create_from_any($file_name);
		if ( !$orig_img ) { return; }
		
		// crop white color arround image data
		$cropped_img = imagecropauto($orig_img , IMG_CROP_THRESHOLD, null, 16777215);

		//Get image width / height
		$crp_w = ImageSX($cropped_img);
		$crp_h = ImageSY($cropped_img);
	
		//calculate target ratio
		$crp_ratio = $crp_h / $crp_w;
	
		//calculate new sizes
		if ( $crp_ratio < $this->options_general['ratio'] ) {
			$new_h = $crp_w * $this->options_general['ratio'];
			$new_w = $crp_w;
			$dst_x = 0;
			$dst_y = ($new_h - $crp_h) / 2;
		} else {
			$new_h = $crp_h;
			$new_w = $crp_h / $this->options_general['ratio'];
			$dst_x = ($new_w - $crp_w) / 2;
			$dst_y = 0;
		}
	
		// create canvas and fill it with white color
		$canvas = imagecreatetruecolor($new_w, $new_h);
		$white = imagecolorallocate($canvas, 255, 255, 255);
		imagefilledrectangle($canvas, 0, 0, $new_w, $new_h, $white);

		// сливаем картинки (по высоте убираем 1 пиксель т.к. функция обрезки imagecropauto оставляет черную полосу в 1 пиксель снизу)
		imagecopyresampled($canvas, $cropped_img, $dst_x, $dst_y, 0, 0, $crp_w, $crp_h-1, $crp_w, $crp_h-1);
		
		if ( $this->options_general['crop-large'] ) {
			$new_h2 = $this->options_general['height'];
			$new_w2 = $this->options_general['width'];
			$canvas2 = imagecreatetruecolor($new_w2, $new_h2);
			imagecopyresampled($canvas2, $canvas, 0, 0, 0, 0, $new_w2, $new_h2, $new_w, $new_h);
			imagedestroy($canvas);
		} else {
			$canvas2 = $canvas;
		}
		
		$pi = pathinfo($file_name);

		$tmp_path = $pi['dirname'] . '/last_cropped_img.jpg';
		imagejpeg($canvas2, $tmp_path);
		
		imagedestroy($cropped_img);
		imagedestroy($orig_img);	
		imagedestroy($canvas2);
		
		return array('name' => $pi['basename'], 'path' => $tmp_path);
	}

	/**
	 * Create a virtual image from image file.
	 *
	 * @param  string  $filepath
	 * @return descriptor of image
	 */
	private function image_create_from_any($filepath) { 
		$type = exif_imagetype($filepath); // [] if you don't have exif you could use getImageSize() 
		$allowedTypes = array( 
			1,  // [] gif 
			2,  // [] jpg 
			3,  // [] png 
			6   // [] bmp 
		); 
		if (!in_array($type, $allowedTypes)) { 
			return false; 
		} 
		switch ($type) { 
			case 1 : 
				$im = imagecreatefromgif($filepath); 
			break; 
			case 2 : 
				$im = imagecreatefromjpeg($filepath); 
			break; 
			case 3 : 
				$im = imagecreatefrompng($filepath); 
			break; 
			case 6 : 
				$im = imagecreatefrombmp($filepath); 
			break; 
		}    
		return $im;  
	}

Код выдран из класса, поэтому его придется подправить. В частности указать желаемый коэфф. соотношения сторон (ratio).

Ну и в цикле проитись по всем каринкам, а потом запустить Regenerate Thumbnails что бы обновить миниатюры.