É possível adicionar espaço em branco ao redor de uma grande quantidade de imagens de produtos do WooCommerce para que todos tenham as mesmas dimensões visualmente?

Um dos sites com os quais eu trabalho tem uma loja WooCommerce com mais de 2000 produtos. Recentemente, substituí todas as imagens de produtos bastante hodge-podge por novas que foram retiradas dos nossos catálogos, que levaram bastante tempo. No entanto, enquanto eles são uniformes em estética, sendo simples representações CGI dos produtos em ambientes brancos, há muita diversidade nas dimensões das imagens, o que significa que elas são exibidas de forma desigual quando se encontram um ao lado do outro ou exibem as miniaturas do produto.

Existe um plugin (ou um método diferente) de adicionar espaço em branco a essas imagens em massa, então elas são todas de igual altura e largura? Esta pode ser uma edição real para os próprios arquivos de imagem, ou regras escritas através de CSS ou HTML que dita como elas aparecem de forma que parecem ser da mesma escala (o site tem um fundo branco para que o último funcione bem) . Eu prefiro não ter que fazer isso manualmente através do Photoshop é tudo, pois há uma grande quantidade de imagens e levaria bastante tempo para editar e reenviar todas elas.

EDIT : Aqui está um exemplo da tolice que ocorre. A loucura

Solutions Collecting From Web of "É possível adicionar espaço em branco ao redor de uma grande quantidade de imagens de produtos do WooCommerce para que todos tenham as mesmas dimensões visualmente?"

Eu tive um problema semelhante com um dos meus projetos anteriores, as imagens em destaque para postagens e os produtos eram variados em qualidade e tamanhos.

Então tomei a seguinte abordagem:

Criei uma divisão de contêiner para imagens com largura / altura fixa. A imagem em destaque é adicionada como um fundo div então. O código que o faz é o seguinte:

< ?php $thumb_id = get_post_thumbnail_id(); $thumb_url = wp_get_attachment_image_src($thumb_id,'full', true); ?> < ?php // Must be inside a loop. if ( has_post_thumbnail() ) { ?> 
< ?php } else { ?>
< ?php } ?>

Dessa forma, todas as imagens são do mesmo tamanho. A primeira parte define a miniatura como plano de fundo e, se ainda não está satisfeito com a qualidade da imagem, você pode excluí-la e usar a imagem de retorno (depois disso parte).