QUAL A SUA DÚVIDA?

Terra Dúvidas Terra

Como definir uma imagem fixa como fundo da loja?

Imprimir dúvida

Abra o menu "Edite sua Loja" e clique em "Fundo Geral".

 

Clique em "Imagem"

 

Clique em "Subir imagem" para selecionar a imagem desejada.

 

Clique em "Adicionar nova imagem" para carregar um imagem a partir de seu computador (A), ou clique sobre a imagem disponível na biblioteca do aplicativo para seleciona-la (B). Após clique em sobre o ícone verde para adicionar a imagem (C).

 

A imagem selecionada será adicionada à página com a definição "Ajustar a largura". Temos que alterar este comportamento clicando em "Ajustar a largura" (A) e selecionar a opção "Fundo Fixo" (B). Caso queira que a imagem seja exibida da mesma forma a outras páginas de sua loja, clique em "Aplicar em todas as páginas" (C).

 

A nova imagem de fundo será adicionada à Loja. Porém, repare que ela não terá destaque devido ao posicionamento de outros elementos da página, como Cabeçalho (A), Menu de navegação (B) e elementos de imagens (C) possam existir na página.


 

Para corrigirmos isto, temos que ajustar as definições de margem do Cabeçalho e do Menu de Navegação da Loja. Veja abaixo como realizar a configuração de cada um destes elementos.

A. Margem do Cabeçalho.

Clique sobre o Cabeçalho da loja e em seguida clique em "Editar Box".


 

Dentro da edição do Box selecione a opção "Aplicar Box em 100% de largura" (A).

Após, utilize a opção "Margem superior do Box" para editar a distancia entre o "Cabeçalho" da loja com a borda superior do navegador (B), e em "Margem superior do Box" edite a distância entre o cabeçalho e o elemento que se encontra abaixo dele abaixo dele (C).  Após clique em "Aplicar" (D).


 

Você deverá obter um resultado semelhante a este:


B. Margem do Menu de Navegação.

 

Dentro da edição do Box selecione a opção "Aplicar Box em 100% de largura" (A).

Após, utilize a opção 'Margem superior do Box" para editar a distancia entre o "Menu de Navegação" da loja e a borda inferior do Cabeçalho  (B), e em "Margem superior do Box" edite a distância entre o "Menu de Navegação" e o elemento que se encontra logo abaixo dele (C).  Após clique em "Aplicar" (D).

 

 

Você deverá obter um resultado semelhante a este:


Compartilhe o conteúdo:
Este artigo respondeu sua dúvida?
Qualifique esse artigo:

Obrigado!
Escolha uma forma para entrar em contato conosco:

Formulário - Terra Empresas

Os campos com (*) são de preenchimento obrigatório.