Adicionando Imagens de Produtos e Galerias Woocommerce

Por 7 de novembro de 2018Woocommerce
Tempo de leitura aproximado: 8 minutos(Atualizado em: 8 de novembro de 2018)

Adicionando Imagens de Produtos e Galerias

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

Recomendamos organizar suas imagens em uma pasta off-line e manter um backup caso você precise delas no futuro ou, por engano, alterá-las e desejar reverter para o original.

Tipos de imagens

O WooCommerce usa três tipos de Imagens do produto para diferentes locais e finalidades:

  • Imagem única do produto  é a maior imagem e refere-se à imagem principal / em destaque na página de detalhes do produto.
  • Catálogo As imagens  são imagens de tamanho médio que aparecem nos loops do produto, como a página da Loja, as páginas da Categoria do Produto, produtos relacionados, Up-sells e Vendas cruzadas.
  • Miniaturas de produtos  são as menores imagens usadas nas miniaturas de carrinho, widgets e galeria (opcional) sob a imagem de produto individual.

Adicionando Imagens de Produtos e Galerias

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

Imagem do produto

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

Selecione Definir imagem do produto .

Selecione uma imagem existente na sua biblioteca de mídia ou faça o upload de uma nova.

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 as imagens em destaque para posts e páginas.

Galerias de produtos

Adicionar imagens à galeria de produtos

As galerias de produtos exibem todas as imagens anexadas a um produto por meio da caixa meta Product Gallery.

Crie uma galeria de produtos usando o mesmo método que adicionar uma imagem do produto, mas usando a caixa meta Product Gallery.

Reordenar imagens na galeria de produtos

As imagens na galeria de produtos podem ser reordenadas facilmente com o recurso arrastar e soltar. Simplesmente reordene suas imagens movendo-as.

Remover imagens da galeria de produtos

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

Visão do cliente

Depois que uma imagem do produto e uma galeria forem adicionadas, os clientes poderão vê-las em sua loja.

Também é possível fazer zoom e ver um close da imagem passando o mouse sobre ela.

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

E um Lightbox aparece para que os clientes possam ver um close realçado da imagem contra um fundo escuro e, se houver um, exibir a Galeria como uma apresentação de slides.

Os gestos de toque também funcionam no celular.

Perguntas frequentes

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

Recomendamos um tamanho mínimo de 800 x 800 pixels, largura e altura. Isso é bom para a imagem principal / em destaque, a imagem do catálogo e a imagem em miniatura. As imagens maiores são ainda melhores, especialmente se você estiver vendendo itens com muitos detalhes.

É possível usar imagens de baixa 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 no front end.

Minhas imagens estão desfocadas / confusas, como corrigi-las?

Dê uma olhada:  Corrigindo imagens de produtos borradas .

O que é o Lightbox no WooCommerce?

O Lightbox é um recurso que abre sua imagem ou imagens contra um pano de fundo escuro, iluminando-as, semelhante a uma lightbox de foto da vida real.

Posso desligar o Lightbox?

Sim, veja: Desativar o WooCommerce 3.0x Lightbox . Esteja ciente de que isso é uma personalização além do que podemos ajudar com nossa  Política de suporte .

O que é o Zoom de imagem no WooCommerce?

Se você estiver olhando para um produto e passar o mouse sobre ele, perceberá que a imagem aumenta o zoom do cursor na imagem. Isso é útil para dar uma olhada mais de perto em alguns produtos que podem ter detalhes complexos que não são claros em sua imagem normal em sua loja.

Posso desativar a funcionalidade Zoom de imagem?

Sim, claro. Só sei que isso é uma personalização e não podemos oferecer ajuda com isso em nossa Política de suporte . No entanto, veja mais em  Desabilitando o Zoom do WooCommerce .

Como defino dimensões da imagem em um tema personalizado?

Se você estiver criando um tema personalizado, convém configurar as configurações de imagem automaticamente. Use o snippet aqui: defina as dimensões da imagem em um tema personalizado .

Não vejo as configurações das Imagens do produto descritas no Cliente WooCommerce acima.

Isso pode ocorrer por dois motivos:

  • Você está usando uma versão do WooCommerce menor que 3.3x.
  • Seu tema declarou suporte para um tamanho de imagem específico. Isso pode ser desfeito usando o código fornecido em Suporte ao tema em: Melhorias de imagem do WooCommerce .
Deixe seu comentário