Barra de Topo
Design > Editar Design > Topo

A Barra de Topo é um bloco localizado na parte superior do site, sendo o primeiro elemento visível antes do cabeçalho. Na opção estrutura do site, corresponde ao Bloco 1. Trata-se por isso uma zona de grande visibilidade que pode incluir algumas das opções mais importantes de um site e-Commerce e que identificamos mais abaixo. Pode ver um exemplo da barra no topo desta página onde aparecem as opções Home, Seleccionar Idioma e Contactos. Trata-se de uma barra que ocupa toda a largura da janela mas que tem a zona central ativa com os elementos alinhados à direita.

A gestão do conteúdo e da aparência desta barra é feita em Design > Editar Design > Topo, onde estão disponíveis três áreas principais:

1. Configuração e Cores da Barra
Neste separador define o fundo da barra e o seu comportamento em termos de largura. A barra pode ocupar toda a largura da janela, pode ocupar apenas a largura útil do corpo do site ou combinar ambas as opções, permitindo que o fundo ocupe a largura total mas os elementos fiquem apenas na zona central e afastados das laterais do site. Para isso, existem campos específicos para configurar a largura máxima da barra e a largura da zona central de conteúdo. Ative a combinação que deseja sabendo que do lado esquerdo tem os campos para configurar a largura máxima da barra e do lado direito a largura central (na orientação do corpo)

2. Seleção e Configuração de Elementos
Nesta área pode ativar os elementos que pretende apresentar na barra de topo e definir a sua posição (à esquerda, ao centro, à direita ou distribuídos). Cada elemento pode ser configurado individualmente ou, em alternativa, pode aplicar uma formatação global a todos, selecionando a opção “Ativo com Cor” no campo de Fundo.

Elementos disponíveis:

• Botão Home
• Botão Contactos
• Tradutor Automático
• Login / Clientes
• Carrinho de Compras

3. Layouts Disponíveis
Esta funcionalidade é opcional e permite utilizar layouts pré-definidos. Pode selecionar um modelo base e personalizá-lo posteriormente de acordo com as necessidades do site, facilitando uma configuração mais rápida.