Como adicionar/editar imagens de produtos e galerias de produtos no WooCommerce

As imagens são medidas e definidas em pixels, por exemplo, 800 x 800 pixels. Note que o primeiro número é a largura e o segundo é a altura.

Recomendamos organizar suas imagens em uma pasta offline e manter um backup no caso de você precisar delas no futuro ou alterar erroneamente uma e desejar reverter para o original.

Tipos de imagens

O WooCommerce usa três tipos de imagens de produtos para diferentes locais e propósitos:

  • Imagem de produto. é a maior imagem e refere-se à imagem principal/em destaque na página de detalhes individuais do produto.
  • Imagens de catálogo. São imagens de médio porte que aparecem em loops de produtos, como a página da Loja, páginas da categoria de produtos, produtos relacionados, aumenta vendas e vendas cruzadas.
  • Miniaturas do produto. São as menores imagens, usadas nas miniaturas do Carrinho, Widgets e Galeria (opcional) sob a imagem do produto único.

Como adicionar imagens de produtos e galerias de produtos

Adicionar imagens e galerias de produtos são opções disponíveis no lado direito ao adicionar ou editar um produto em sua loja em WooCommerce > Produtos.

product image galleries settings e1519338144700

Imagem do produto

Imagem do Produto é a imagem principal do seu produto e é reutilizada em diferentes tamanhos em toda a sua loja.

Selecione Definir imagem do produto.

set productimage

Selecione uma imagem existente em sua Biblioteca de Mídia ou Faça upload de uma nova.

productimages 1

Remova e edite a imagem do produto se quiser alterá-la, conforme necessário.

Adicionar, remover e editar uma imagem do produto é feito da mesma forma que imagens em destaque para postagens e páginas.

Galerias de Imagens do Produto

Adicionar imagens à Galeria de imagens do produto

As galerias de imagens do produto exibem todas as imagens anexadas a um produto através da caixa Galeria de imagens do produto.

Crie uma galeria de imagens para um produto usando o mesmo método usado para adicionar uma imagem do produto, mas usando a caixa Galeria de imagens do produto.

productimages 2

Reordenar imagens na galeria de produtos

As imagens na galeria podem ser reordenadas facilmente através de arrastar e soltar. Basta reordenar suas imagens movendo-as.

productimages 6

Remova imagens da galeria de produtos

Para remover uma imagem da galeria do produto, passe o mouse sobre a imagem e clique no “x” vermelho.

productimages 5

Imagens e Galerias na visão do cliente

Uma vez que uma imagem do produto e galeria tenham sido adicionadas, os clientes podem vê-los em sua loja.

productimages 4

Também é possível aplicar um zoom para ver detalhes do produto pairando o mouse sobre a imagem do produto.

hover zoom image

Ou os clientes podem clicar na opção Lupa+ no canto superior direito.

lightbox zoom

E um Lightbox aparece para que os clientes possam ver um close-up destacado da imagem em um fundo escuro e, se houver, ver a Galeria como uma apresentação de slides.

zoom

Gestos de toque também funcionam no celular.

Perguntas Freqüentes

Qual é o tamanho de imagem ideal para usar com o WooCommerce?

Recomendamos um tamanho mínimo de 800 x 800 pixels, largura e altura. Isso renderiza bem para a imagem principal/característica, imagem do catálogo e imagem em miniatura. Imagens que são maiores são ainda melhores, especialmente se você está vendendo itens com grande detalhe.

É possível usar imagens de menor resolução. No entanto, suas imagens são uma ferramenta fundamental na venda e promoção de seus produtos e serviços on-line, por isso devem ser de alta qualidade.

O que acontece se eu esquecer de definir um tamanho de imagem?

O WooCommerce define automaticamente um tamanho para você e gera imagens para os clientes verem na parte frontal.

O que é o Lightbox no WooCommerce?

Lightbox é um recurso que abre sua imagem ou imagens contra um cenário escuro, iluminando-as, semelhante a uma caixa de luz fotográfica da vida real.

O que é o Zoom de Imagem no WooCommerce?

woocommerce image zoom

Se você estiver olhando para um produto e pairar o mouse sobre ele, você notará que a imagem se aproxima onde seu cursor está na imagem. Isso é útil para dar uma olhada mais de perto e rapidamente em alguns produtos que podem ter detalhes intrincados que não estão claros em sua imagem normal em sua loja.

Precisa de Ajuda?