Imagens em destaque

As imagens em destaque representam o produto na maioria das áreas do seu site, então é melhor usar a imagem que você deseja que os clientes vejam primeiro. A imagem aparece nessas áreas:

• Páginas da loja. Os compradores clicam na imagem em destaque de um produto para acessar a página de detalhes do produto
• Blocos de Produto
• Blocos de Sumário
• Página da loja e painel "Produtos"

Por padrão, a imagem principal do seu produto se torna a imagem em destaque. Para definir uma imagem em destaque diferente:

1. No editor do produto, clique na miniatura da imagem atual em destaque.
2. Fazer upload de uma imagem.
3. Passe o cursor sobre Concluído e clique em Salvar.

Imagens principais

A imagem principal aparece como a primeira imagem nas páginas de detalhes do produto. A imagem principal é a primeira imagem exibida no editor do produto. Clique e arraste as imagens para alterar a ordem.

Additional images

As imagens extras dão aos clientes uma ideia mais clara dos seus produtos. Use as imagens extras para mostrar mais detalhes, ângulos diferentes ou fotos encenadas do produto. Essas imagens aparecem nas páginas de detalhes do produto. No editor do produto, todas as imagens após a primeira são imagens extras. Clique e arraste as imagens para alterar a ordem. 

Imagens variantes

Na página do item de produto, as imagens das variantes mostram cada variante do produto. Você pode usar essas imagens, por exemplo, para mostrar um produto em diferentes tamanhos e cores. Como padrão, a imagem em destaque do produto aparece até o cliente selecionar uma variante no menu suspenso.

Para personalizar uma imagem variante:

1. No Editor de produtos, role até a seção da variante e clique em Editar tudo.
2. Clique no ícone Carregar imagem ao lado de uma variante.
3. Clique no ícone + para fazer upload de uma imagem ou selecione uma imagem que você já enviou.
4. Clique em Aplicar.

Também é possível clicar em uma variante no editor principal do produto e depois em Adicionar imagens para adicionar uma imagem da variante. As imagens das variantes aparecem na galeria de imagens extras na página de detalhes do produto. 

Na versão 7.0, a exibição da imagem depende do tipo de Página da loja do seu template.

Imagens principais

Como a imagem principal representa o produto na maioria das áreas do seu site, é melhor usar uma imagem que você deseja que a maioria dos clientes veja primeiro. A imagem aparece nos seguintes lugares:

• Nas Páginas da loja Clássicas ou Exclusivas.
• Como a primeira imagem na página de detalhes do produto.
• No painel da página da loja ou no painel "Produtos".

A imagem principal é a primeira imagem exibida no editor do produto. Clique e arraste as imagens para alterar a ordem.

Additional images

Imagens adicionais oferecem aos clientes uma bom contato com seus produtos. Use imagens adicionais para mostrar mais detalhes, ângulos diferentes ou fotos encenadas do seu produto. Imagens adicionais aparecem nos seguintes lugares:

• Página de detalhes do produto.
• A segunda imagem pode ser exibida ao mover o cursor em Páginas da loja Avançadas.

Na guia Item do editor do produto, todas as imagens após a primeira são imagens extras. Clique e arraste as imagens para alterar a ordem.

Imagens em destaque

As imagens em destaque mostram uma visualização de seus produtos em diferentes áreas do site. Nos templates compatíveis com a página Avançado da loja, os compradores clicam na imagem em destaque de um produto para acessar a página Detalhes do produto. As imagens em destaque também são exibidas nessas áreas:

• Páginas da loja Avançadas
• Blocos de Produto
• Blocos de Sumário
• No template Adirondack, eles são exibidos como um banner em páginas individuais de detalhes do produto.

Por padrão, a primeira imagem adicionada na guia Item do editor do produto se torna a imagem em destaque. Para definir uma imagem em destaque diferente:

1. No editor do produto, clique na guia Opções.
2. Na caixa Imagem em destaque, clique no ícone Lixeira.
3. Adicione uma imagem em destaque.
4. Clique em Salvar.

Se você remover a imagem em destaque sem definir uma substituição, a imagem principal será exibida.

Imagens variantes

Na página do item de produto, as imagens das variantes mostram cada variante do produto. Você pode usar essas imagens, por exemplo, para mostrar um produto em diferentes tamanhos e cores. Como padrão, a imagem em destaque do produto aparece até o cliente selecionar uma variante no menu suspenso.

Para personalizar uma imagem variante:

1. No editor de produto, clique em Preços e variantes.
2. Na coluna à extrema esquerda, clique no campo de imagem para editá-la.

As imagens das variantes aparecem na galeria de imagens extras na página de detalhes do produto.

Personalize como as imagens do produto aparecem usando estilos de seção e os ajustes do Item do produto no painel Estilos do Site.

Seção de produtos

Para alterar a forma como as imagens de destaque do produto são exibidas nas seções da loja, mova o cursor sobre a seção e clique no ícone de lápis.

Você pode alterar o espaçamento, as colunas, a proporção da imagem e o alinhamento do texto. Você também pode mostrar ou ocultar o preço dos produtos. Para alterar as cores, clique em Cores.

Se as imagens do produto aparecerem recortadas, confira Solução de problemas no recorte.

Páginas de detalhes de produtos

Para alterar a forma como o produto aparece na página de detalhes do produto:

1. Edite a página e clique em Editar design.
2. Abra estilos de seção e clique no menu suspenso de layout.
3. Selecione um layout.
4. Clique em Salvar para salvar as alterações e continuar editando ou clique em Sair e depois em Salvar para fechar o editor.
   .

Você pode estilizar elementos como proporção da imagem, alinhamento do texto e design da galeria de produtos. Para obter um design coeso, essas mudanças de estilo se aplicam a todos os produtos em sua loja. Não é possível editar essas configurações para produtos específicos.

Use o painel Estilos do Site para personalizar como as imagens do produto aparecem. Os layouts e as opções de estilo disponíveis dependem do tipo de Página da loja da sua família de templates. Para saber mais, acesse Estilizar de Página da loja.

• Clássico
• Advanced [Avançado]
• Exclusivo

Ajustes Clássicos

Estes são os ajustes específicos da imagem para as Páginas da loja Clássicas:

• Páginas da loja — use os ajustesTamanho de item de produto, Recorte automático de imagem do produto e Cor de fundo do produto para estilizar o modo como as imagens do produto são exibidas na Página da loja.
• Página de itens- use os ajustes de Tamanho da galeria de produtos e Recorte automático da galeria de produtos para fixar o tamanho e o recorte da imagem na página de detalhes.

Ajustes Avançados

Estes são os ajustes específicos da imagem para Páginas da loja Avançadas:

• Páginas da loja – Use o ajuste Proporção da imagem na seção Produtos: Layout para definir a forma das imagens na Página da loja. As imagens são automaticamente recortadas para se ajustarem à forma.
• Página de Itens — use os ajustes em Produtos: seção de galeria, como Design, Proporção da imagem, Alinhamento da miniatura e Largura da miniatura para editar as imagens na página de detalhes.

Ajustes Exclusivos

Para saber como estilizar imagens de produtos nos templates abaixo, acesse os guias de templates:

• Galapagos
• Supply