Passar para o conteúdo principal
Todas as coleçõesAparência
Editor - Seção Barra de informações
Editor - Seção Barra de informações

Nessa documentação, vamos mostrar como utilizar a barra de informações na sua loja virtual.

Bruno Pacheco avatar
Escrito por Bruno Pacheco
Atualizado há mais de um ano

Acesse Aparência > Temas > Personalizar.

Clique na imagem para ampliar.

No painel de edição do tema, clique em "Barra de informações", essa opção permite o lojista destacar no cabeçalho da loja virtual algumas informações como: promoção, frete, parcelamentos sem juros etc...

Clique na imagem para ampliar.

Agora, clique em "Adicionar tópico", ao selecionar o tópico que criou, teremos algumas opções que podemos escolher e inserir.

Clique na imagem para ampliar.

Ao clicar em "ícone", teremos uma lista de opções que o lojista pode adicionar, no exemplo abaixo estaremos selecionando a opção "Frete".

Repare que ao clicarmos em Frete, o ícone já aparece na nossa página inicial.

Clique na imagem para ampliar.

No campo "Título", podemos escrever uma frase curta para destacar sob o ícone.

Veja exemplo:

Clique na imagem para ampliar.

Em "Descrição", podemos descrever melhor sobre a informação que está sendo destacado na página inicial da loja. Veja exemplo:

Clique na imagem para ampliar.

Em "Link", o lojista poderá direcionar a alguma página ao clicar no ícone.

Veja exemplo:

Clique na imagem para ampliar.

,

Ainda em barra de informações teremos mais algumas opções:

  1. Estilo de conteúdo: Nessa opção, podemos escolher se o conteúdo que inserirmos irá ficar "Centralizado" ou "Adaptável a largura da tela".

Estilo de Layout: Nessa opção, podemos escolher se os ícones ficarão "ao lado do texto" ou "acima do texto"

Ícones ao lado do texto:

Clique na imagem para ampliar.

ícones acima do texto:

Clique na imagem para ampliar.

Em Personalização, podemos configurar as margens e cores da barra de informações.

  • Margem: Podemos configurar as margens da seção Barra de informações.

Clique na imagem para ampliar.

  • Margem Superior e Inferior: Permite deixar um espaçamento entre uma seção e outra da sua loja virtual.

Clique na imagem para ampliar.

  • Espaçamento entre os tópicos: Permite inserir um espaçamento entre os tópicos da barra de informações.

Clique na imagem para ampliar.

  • Margem interna: Permite inserir uma margem interna na barra de informações;

Depois de concluir as modificações, clique em "Publicar" para estar sendo aplicado as alterações realizadas em sua loja virtual.

Lembramos que pode levar até 30min para estar sendo publicado as modificações.

Precisa de ajuda? Clique aqui e veja como falar conosco.


Respondeu à sua pergunta?