Seções globais
O cabeçalho, rodapé e barra de anúncios aparecem em todas as páginas da sua loja. No construtor, cada página mantém sua própria cópia, então uma edição se aplica apenas à página que você está editando. Use a ação Aplicar a todas as páginas em uma seção para copiar seu design para a mesma seção em todas as outras páginas. Para saber como adicionar, reordenar e configurar blocos, veja Seções e blocos.
Barra de anúncios
Uma faixa promocional fina no topo da página. Você pode adicionar até 7 mensagens de anúncio, cada uma com seu próprio texto, e até 2 barras de anúncio por página. O modo pode ser Ticker (rolagem horizontal contínua) ou Slider (transições temporizadas). Outras configurações: direção do texto (LTR ou RTL), um separador entre as mensagens do ticker, intervalo do slider (2 a 10 segundos, padrão 3), tamanho da fonte (10 a 30 px, padrão 16), largura (página ou total), esquema de cores e espaçamento interno.
Cabeçalho
A barra principal de navegação, uma por página. Ela contém cinco blocos fixos que você pode configurar, mas não adicionar, remover ou reordenar:
- Logo: sua imagem de marca. Defina a posição (esquerda, centro, direita), largura (20 a 300 px), altura (20 a 300 px) e espaçamento interno.
- Menu: o menu de navegação. Escolha um menu criado em Menus, depois defina sua posição (esquerda, centro, direita), a linha do cabeçalho onde ficará (superior ou inferior), tipo de exibição (Drawer, Mega menu ou Dropdown), esquema de cores e um botão barra que adiciona uma faixa colorida de largura total atrás da linha inferior.
- Busca: um ícone de busca que abre uma sobreposição de pesquisa de produtos. Defina sua posição (esquerda ou direita) e linha (superior ou inferior).
- Carrinho: o ícone do carrinho com a contagem de itens. O tipo de exibição pode ser Drawer (painel lateral), Dropdown (mini carrinho no cabeçalho) ou Página (vai para a página completa do carrinho).
- Localização: um seletor de país e idioma para lojas multi-mercado. Ative ou desative a exibição do nome do país e da bandeira, e defina sua posição e linha.
Configurações do cabeçalho: o comportamento fixo pode ser Scroll (esconde ao rolar para baixo, retorna ao rolar para cima), Sempre (sempre fixo), Reduzir (diminui ao rolar) ou Nunca (rola junto com a página). Você também define a largura (página ou total), esquema de cores, espaçamento superior e inferior e CSS personalizado.
Rodapé
A seção inferior de cada página, uma por página. Você pode adicionar, remover e reordenar seus blocos:
- Sobre nós: uma área de marca com seu logo, texto, informações de contato e grupos de layout opcionais, com controles de direção, alinhamento, espaçamento, largura e espaçamento interno (um por rodapé).
- Menu: um menu de navegação exibido como lista de links. Escolha um menu em Menus.
- Ícones de redes sociais: uma linha de ícones de plataformas (Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp, Telegram). Configure o tamanho dos ícones, espaçamento, formato (nenhum, círculo, arredondado, quadrado), estilo de preenchimento (sólido ou contorno), tamanho do contêiner, paleta (marca, mono ou cor personalizada) e efeito ao passar o mouse (nenhum, marca, escala, levantar, opacidade).
- Ícones de pagamento: ícones dos métodos de pagamento ativados na sua loja (Visa, Mastercard, PayPal, Apple Pay, etc.), exibidos automaticamente.
- Links de privacidade: links para suas páginas legais (Política de Privacidade, Termos de Serviço, Política de Reembolso, Política de Envio), gerados a partir das políticas da sua loja. Defina o tamanho da fonte (12 a 20 px) e caixa (padrão ou maiúsculas).
- Direitos autorais: o ano e nome da loja, com a opção de mostrar "Powered by Storeep". Defina o tamanho da fonte (12 a 20 px), caixa e se deseja exibir a atribuição.
- Texto, Divisor e Grupo: os mesmos componentes de layout usados em outros lugares. Veja Componentes de layout.