Seções da página inicial
Essas seções podem ser adicionadas à página inicial no builder. Para saber como adicionar, reordenar, duplicar e excluir seções, veja Seções e blocos.
Hero
Um banner grande com imagem ou vídeo de fundo. Os tamanhos predefinidos de altura são Pequeno (50% da tela), Médio (70%), Grande (90%), Tela cheia (altura total da tela), Imagem (adota o tamanho natural da mídia para exibir a imagem inteira) ou Personalizado (uma porcentagem definida por você). Blocos de conteúdo (texto, botão, grupo, divisor) ficam sobre a mídia, com controles de direção, alinhamento, espaçamento e preenchimento no estilo de grupo. Você pode adicionar uma sobreposição sólida ou em gradiente sobre a mídia. Quando o hero fica logo abaixo do cabeçalho e a opção transparente está ativada, o cabeçalho fica transparente e adota o esquema de cores do hero até você rolar a página.
Produtos em destaque
Um grid ou carrossel de produtos puxados do seu catálogo. As opções de Fonte são Mais novos, Mais antigos, Mais vendidos, Com desconto e Melhor avaliados. Um filtro opcional de coleção limita o grid a uma coleção. O layout pode ser grid ou carrossel. Defina colunas no desktop (1 a 8), colunas no mobile (1 ou 2), opção para transformar o grid em carrossel no mobile, espaçamento entre os cards e quantos produtos exibir (4, 6, 8, 10 ou 12; padrão 8). No modo carrossel, setas de navegação (setas, chevrons ou nenhuma) podem ter fundo circular ou quadrado. O bloco de card de produto define o layout de cada card (imagem, título, preço, avaliação, botão de compra); você também pode adicionar blocos de texto e divisor acima ou abaixo do grid.
Slideshow
Um carrossel de imagens ou vídeos em largura total, exclusivo da página inicial. Cada slide tem sua própria mídia, sobreposição opcional e blocos de conteúdo (texto, botão, grupo, divisor). Até 7 slides por slideshow e até 2 slideshows por página. O Autoplay avança os slides em um tempo definido por você em segundos, com pausa ao interagir. A navegação pode exibir setas ou chevrons (ou nenhuma) e a paginação pode mostrar pontos, contador ou nada.
Newsletter
Um formulário de inscrição por e-mail, exclusivo da página inicial. O modo de exibição pode ser Em linha (no fluxo da página) ou Fixo (widget flutuante). Os blocos incluem texto (títulos e descrições), campo de e-mail (com rótulo, placeholder e aviso de privacidade opcionais), botão de inscrever-se (ícone ou texto, com opção de integrá-lo ao campo), divisores e grupos. Você pode definir o título e a mensagem de sucesso exibidos após a inscrição.
Indicador
Uma linha de estatísticas numéricas que contam a partir de zero ao serem exibidas na tela, exclusivo da página inicial (até 2 por página). Cada bloco de Estatística mostra um valor (0 a 99.999) com prefixo opcional (como símbolo de moeda) e sufixo (como + ou %), além de um rótulo de texto que pode ficar acima ou abaixo do valor. Configurações da seção: itens por linha (pRow, 1 a 8, padrão 4), direção dos itens (vertical empilha valor e rótulo, horizontal coloca lado a lado), tamanho da fonte do valor (12 a 100 px, padrão 48), opção de negrito, largura (página ou total), esquema de cores e preenchimento. Até 8 estatísticas, com divisores opcionais entre elas.
Coleções
Uma vitrine das coleções da sua loja, exclusivo da página inicial. A ordenação da Fonte pode ser Mais novas, Mais antigas, Alfabética ou Alfabética reversa. O layout pode ser Grid (colunas estáticas), Carrossel (rolagem horizontal com setas) ou Bento (grid de 3 colunas alternando cards grandes e pequenos). Defina colunas no desktop (1 a 6, padrão 3), colunas no mobile (1 ou 2), opção para transformar o grid em carrossel no mobile, espaçamento (0 a 40 px) e quantas coleções exibir (4, 6, 8 ou 12; padrão 8). A navegação do carrossel pode usar setas, chevrons ou nenhuma, com fundo nenhum, circular ou quadrado. O bloco de card de coleção exibe a imagem, nome e quantidade de produtos (opcional), e seus blocos filhos podem ser reordenados. Blocos de texto, divisor e grupo podem ficar acima ou abaixo do grid.
FAQ
Um acordeão de perguntas e respostas, disponível na página inicial e nas páginas de produto. Adicione quantos pares quiser e defina o esquema de cores, largura da seção (página ou total) e preenchimento.
Seções que você também pode adicionar aqui
As seções independentes de Texto, Imagem, Divisor, Código personalizado e Ícones de redes sociais também podem ser adicionadas à página inicial. As configurações delas estão documentadas em Seções de página compartilhadas e do sistema.