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.

Artigos do Blog

Solicite agora um contato para saber mais sobre os nossos serviços.

Preencha o formulário abaixo e entraremos em contato rapidinho.