Adicionar imagens do produto na loja
Como Adicionar Imagens e Galerias dos Produtos
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.
Nós recomendamos que você organize suas imagens em uma pasta offline e mantenha um backup para o caso de você precisar delas no futuro ou alterar uma por engano e desejar reverter para o imagem original.
Tipos de imagens
O WooCommerce usa três tipos de Imagens dos produtos para diferentes locais e finalidades:
Imagem de produto único é a maior imagem e está relacionada à imagem principal/em destaque na sua página de detalhes de produto individual.
Imagens de catálogo são imagens de tamanho médio que aparecem na exibição de produtos, como a página da Loja, páginas de Categorias de produto, Produtos relacionados, Aumentar vendas e Vendas cruzadas.
Miniaturas de produtos são as menores imagens usadas no Carrinho, Widgets e nas miniaturas da Galeria (opcional), abaixo da Imagem de produto único.
Como adicionar imagens e galerias dos produtos
Adicionar imagens e galerias dos produtos são opções disponíveis no lado direito, ao adicionar ou editar um produto em sua loja em WooCommerce > Produtos.
Imagem do Produto
A Imagem do produto é a imagem principal do seu produto e é reutilizada em diferentes tamanhos em toda a sua loja.
Remova e edite a imagem do produto se você desejar alterá-la, conforme necessário.
Adicionar, remover e editar uma imagem do produto é feito da mesma forma que as imagens em destaque em posts e páginas.
Galerias dos produtos
Adicionar imagens à Galeria do produto
As galerias dos produtos exibem todas as imagens anexadas a um produto através da caixa de metadados da Galeria do produto.
Reordenar as imagens na galeria do produto
Remover imagens da galeria do produto
Visualização do cliente
Após uma imagem e galeria de um produto forem adicionadas, os clientes podem vê-las em sua loja.
Também é possível Ampliar e ter uma visão mais detalhada, passando o mouse sobre a imagem
E uma Janela modal (Lightbox) é exibida para que os clientes possam ver detalhadamente, e com mais destaque, a imagem em um fundo escuro e, se houver, visualizar a Galeria como uma apresentação de slides.
Os gestos na tela sensível ao toque também funcionam para os dispositivos móveis.
Perguntas frequentes
Qual é o tamanho de imagem ideal para usar com o WooCommerce?
Nós recomendamos um tamanho mínimo de 800 x 800 pixels, largura e altura. Este tamanho tem boa renderização para a imagem principal/em destaque, imagem do catálogo e imagem em miniatura. Imagens maiores são ainda melhores, especialmente se você estiver vendendo itens com muitos detalhes.
É possível usar imagens de resolução inferior. No entanto, suas imagens são uma ferramenta fundamental para vender e promover os seus produtos e serviços online e, portanto, 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 no site.
Minhas imagens estão desfocadas/distorcidas, como faço para corrigi-las?
Consulte em: Como corrigir imagens do produto desfocadas.
O que é Janela modal (Lightbox) no WooCommerce?
Janela modal ou lightbox é um recurso que abre sua imagem ou imagens em um fundo escuro, iluminando a imagem, semelhante a uma mesa de luz para fotos na vida real.
Posso desligar a Janela modal (Lightbox)?
Sim, consulte: Desativar a Lightbox do WooCommerce 3.0x (disponível somente em inglês). Esteja ciente de que isto é uma personalização e não podemos fornecer suporte para personalizações de acordo com nossa Política de Suporte (disponível somente em inglês).
O que é a ampliação (zoom) da imagem no WooCommerce?
Se estiver visualizando um produto e passar o mouse sobre a imagem, você notará que a imagem é ampliada onde o cursor está posicionado sobre a imagem. Isto é útil para visualizar rapidamente a imagem e com maior detalhamento do produto, onde podem ter detalhes complexos que não são evidentes na imagem em seu tamanho normal, exibidas em sua loja.
Posso desligar a funcionalidade de ampliação (zoom) da imagem?
Sim, claro. Saiba apenas que isto é uma personalização e não podemos oferecer ajuda com isso de acordo com a nossa Política de Suporte (disponível somente em inglês). No entanto, saiba mais informações sobre Como desativar a ampliação (zoom) do WooCommerce (disponível somente em inglês).
Como defino as dimensões da imagem em um tema personalizado?
Se estiver construindo um tema personalizado, é possível definir automaticamente as configurações de imagem. Use o snippet em: Definir as dimensões de imagem em um tema personalizado (disponível somente em inglês).
Não vejo as configurações de imagens do produto descritas acima, no Personalizador do WooCommerce.
Isto pode ocorrer por dois motivos:
Você está usando uma versão anterior ao WooCommerce 3.3x.
Seu tema declarou suporte para um tamanho de imagem específico. Isto pode ser desfeito usando o código fornecido em Theme Support (Suporte do tema) em Melhorias de imagem do WooCommerce (disponível somente em inglês).
Atualizado
