Para criar imagens no banner na versão 7.1, adicione imagens de fundo às seções da página. Essas imagens sempre são cortadas até certo ponto, principalmente na versão móvel. Para personalizar o banner:

• Altere a quantidade de conteúdo sobreposto ao banner. O excesso de conteúdo aumenta a altura do banner e recorta ainda mais a imagem.
• Altere o tamanho do banner.
• Usar o ponto focal para alterar a forma como a imagem fica centrada.

Para saber como seus banners aparecem na versão móvel, acesse Como meu site aparecerá na versão móvel?

Banners de página

Com algumas exceções, o banner da página sempre é cortado até certo ponto, principalmente na versão móvel. A quantidade recortada vai depender da altura do banner e da largura do browser.

Dicas:

• Aprenda a ajustar o estilo e fixar a altura dos banners do seu site.
• Use o ponto focal para ajustar a forma como a imagem se concentra.

Banner geral do site

As imagens adicionadas a imagens de banner em todo o site (adicionadas nos estilos do site) podem repetir, exibir na altura ou largura do banner ou preencher o contêiner completamente.

Dicas:

• Use Estilo do Site para definir como a imagem do banner é exibida.
• Escolha ajustes que ficam bem no celular e no computador.

Se a imagem ou vídeo no fundo da seção aparecer cortado, altere a altura ou a largura da seção para mostrar mais da imagem ou vídeo.

As imagens de fundo podem repetir, exibir na altura ou largura do navegador ou preencher completamente a tela do navegador.

Dicas:

• Use Estilo do Site para escolher como a imagem do banner é exibida.
• Consulte nossas dicas de solução de problemas para obter ajuda com o monitor móvel.
• Imagens com mais de 2500 pixels ao longo de sua borda mais longa podem causar problemas em dispositivos móveis.

Carregue e gerencie imagens diretamente na seção da galeria e, em seguida, use a guia Galeria para controlar como as imagens são exibidas.

Saiba mais em Seção de galeria.

A forma como as imagens aparecem na Página de Galeria depende do template. Visite o guia do template para saber como as imagens podem ser cortadas para se adequarem ao design da sua Página de Galeria.

Mova o cursor sobre uma seção de portfólio para adicionar uma imagem e, em seguida, use a aba Galeria para controlar como ela é exibida.

Saiba mais em Página de Portfólio.

A forma como as imagens aparecem em uma Página Índice depende do template. Visite o guia do seu template para saber mais.

Após carregar imagens para a loja, use os ajustes da seção da loja para arrumar o estilo. Ao editar uma página, passe o cursos por cima da seção e clique no ícone de lápis. É possível alterar o espaçamento, as colunas, a proporção da imagem e o alinhamento do texto. Teste diferentes ajustes de estilo para as imagens do produto. Saiba mais sobre como personalizar a página da loja em "Seções da página de coleção".

Proporções da imagem do produto

Nas páginas da loja, não é possível recortar automaticamente as imagens dos produtos. Recomendamos usar imagens com proporções semelhantes. Antes de carregar as imagens para o site, por exemplo, veja se as imagens do produto têm a mesma orientação (paisagem ou retrato).

Se as imagens do seu produto tiverem orientação diferente, use o nosso editor de imagem integrado ou uma ferramenta externa para cortar as imagens. Também é possível usar um bloco de produto para criar um layout personalizado para o produto.

A forma como as imagens do produto são cortadas na página de destino depende do tipo de página de loja do seu template.

Clássico

Nas páginas clássicas da loja:

• Em Estilo do Site, use o ajuste Corte automático da imagem do produto para escolher se as imagens cortam na mesma forma ou são exibidas em suas formas originais.
• Se você estiver cortando, use o ajuste Tamanho do item do produto para definir a forma.
• Use o ponto focal para ajustar o centro da imagem.
• Se você não estiver cortando, use o ajuste Cor de sobreposição do produto para escolher a cor exibida por trás da imagem.
• Para obter mais ajuda, visite as páginas da loja Styling.

Advanced [Avançado]

Nas páginas avançadas da loja:

• As imagens são sempre recortadas no mesmo formato, para deixar a página com um visual coeso.
• Para definir a forma de todas as imagens na sua página de loja, use o ajuste Proporção da Imagem na seção Produtos: Layout de Estilos do Site.
• Use o ponto focal para ajustar o centro da imagem.
• Para obter mais ajuda, visite as páginas da loja Styling.

Exclusivo

Acesse estes links para saber mais sobre os estilos de miniatura de qualquer uma das Páginas da loja exclusivas:

• Galapagos
• Supply