Imagine a situação, você entrega uma loja linda para seu cliente ou você tem uma loja linda... aí nota que alguns itens estão desalinhados devido a falta de padronização das fotos. Isso acontece quando nossos produtos possuí todas as fotos com mesma dimensão (3 por 3) e aí alguém sobe uma foto maior (3 por 4).
Aconteceu com a minha cliente, e é mais fácil eu corrigir no código do que ensina-la a editar uma imagem rsrs... então vamos ao tutorial.
1. Vá em Aparência > Personalizar
2. Navegue até a opção Woocommerce > Imagens de Produtos.

3. Selecione a opção 1:1 e clique em PUBLICAR.
4. Esse é o resultado. A primeira foto é fruto dos novos upload do cliente, tirada pelo celular, já as demais foram recortadas por nós seguindo uma dimensão padrão.
É isso, o site voltou a ficar alinhado depois desse pequeno ajuste. Você também consegue escolher as dimensões que deseja... mas eu prefiro usar logo 1.1 para evitar que fiquem deformadas.
Comentários Recomendados
Crie uma conta ou entre para comentar