Sailor Elegante

O cabeçalho está no formato overlay — ou seja, o banner (ou vídeo banner) passa por trás do menu principal. O logotipo aparece centralizado, com as categorias à esquerda.

As categorias têm uma limitação de espaço: recomendamos não usar mais do que 4 ou 5 — usando mais que isso, é possível que nem todas apareçam no menu. Nesse caso, habilite a "categoria geral" em Produtos → Categorias → Opções → Configurar categoria geral. O nome dessa categoria geral só pode ser alterado via código — se precisar mudar, é só acionar nosso suporte.

Mais importante que o tamanho do arquivo é a disposição da imagem. No exemplo usado, o logo tem 350×88px, mas o código adapta a exibição para 119×30px automaticamente.

O ponto mais importante: a imagem do logo não deve ter margem ao redor das letras — esse é o motivo mais comum de reclamação de "logo pequeno demais", quando na verdade é a imagem que tem espaço em branco sobrando ao redor. Corte a imagem rente ao conteúdo.

O modal de cadastro é personalizado (fora do padrão nativo da wBuy). Do lado direito do menu ficam a busca, o menu de conta, a lista de desejos e o carrinho suspenso.

Atenção: se o carrinho suspenso estiver desabilitado (em Configurações da loja → Carrinho), o cliente pode ter problema para remover ou alterar a quantidade de itens já adicionados. Como este é um tema avançado, é importante manter essa opção sempre habilitada.

Categorias que possuem subcategorias são exibidas em formato de mega menu.

Configurado em Marketing → Banners. É necessário subir o vídeo para o Vimeo, com versões separadas para computador e celular:

— Computador: 1920×800px (grave com o celular deitado/horizontal)
— Celular: 800×1000px (grave com o celular na vertical)

Atenção com o link de destino: use apenas a slug da URL (o caminho final), evitando colar a URL completa — é comum lojistas deixarem sem querer um link de ambiente de teste, o que impede o cliente de finalizar a compra.

Também é possível usar imagem no lugar do vídeo (ou combinar os dois). Medidas recomendadas: 1920×1000px no computador e proporcionalmente ajustado para 1000px de altura no celular.

Evite banners com muita informação/texto na parte superior — como o layout tem overlay de links por cima do banner, excesso de elementos pode se confundir visualmente com o menu de categorias.

Configurados em Marketing → Destaques, usando ícones externos no tamanho 32×32px. Os ícones usados no exemplo estão disponíveis para download na descrição do tema, dentro da wBuy. A ordem de exibição é definida pela ordenação dos itens nessa mesma tela.

Configurados também em Marketing → Banners. Este tema comporta até 6 banners na posição meio, exibidos colados um no outro (característica do visual minimalista do tema) — em formato de lista no celular.

O nome de cada banner é exibido no canto esquerdo dele (o texto vem do próprio nome cadastrado no banner). Tamanho de imagem recomendado: 1080×1350px (usado apenas na versão desktop).

Configurada em Produtos → Vitrines. Recomendamos o formato carrossel — as fotos aparecem maiores que o padrão, com os boxes de produto mais próximos entre si (parte da proposta visual minimalista do tema; qualquer mudança nesse comportamento exige orçamento à parte).

Cada produto exibe lista de desejos e compra rápida ativadas por padrão.

Para garantir que o botão de compra rápida apareça nas vitrines, vá em Produtos → Listagem → Opções e Preferências e confirme que "Habilitar no box do produto a compra rápida" está marcado. Sem isso, o cliente só consegue ir até a página do produto pra comprar.

As fotos devem ser cadastradas em pares (2, 4, 6...). Se for cadastrada uma quantidade ímpar, a última foto aparece num tamanho bem maior que as demais, criando um espaço visual desalinhado — uma composição comum em temas minimalistas voltados a lojas de ticket mais alto.

Na página do produto, tanto a descrição quanto o cálculo de frete são exibidos em formato de abas — o cliente precisa clicar para visualizar cada uma.

Recurso nativo da wBuy, configurado em Produtos → Ferramentas de Upsell e Cross Sell → Agrupador de produtos. Permite selecionar quais produtos ficam "agrupados" e são exibidos nas páginas uns dos outros — uma forma de guiar o cliente rapidamente entre variações ou produtos relacionados, com seleção de quantidade e adição direta ao carrinho.

A avaliação enviada pelo cliente fica inativa até você validar e ativar manualmente (em Avaliações por produto). Depois de ativada, ela aparece tanto na página do produto quanto em um carrossel na página inicial.

Recurso ativo por padrão em todos os produtos. Você pode personalizar quais produtos aparecem: escolha até 12 na aba "Produtos relacionados" do cadastro do produto — a wBuy mostra até 4 por vez, mas este tema exibe 3 por padrão (em formato de carrossel quando houver mais de 3).

Cadastros de newsletter ficam disponíveis em Marketing → Newsletter. Também é possível criar pop-ups de newsletter usando a ferramenta nativa da wBuy.

O primeiro bloco do rodapé reprisa as categorias da loja automaticamente. Para o bloco de informações (Quem Somos, Garantia, Como Comprar, Política de Privacidade, etc.), a recomendação é sempre criar as páginas em Páginas e Conteúdo — mesmo podendo escolher a posição, elas sempre aparecem no rodapé.

Se sua loja já usava páginas padrão da wBuy antes de adquirir o tema, essas páginas podem não aparecer automaticamente — nesse caso, acione nosso suporte para habilitar.

Configurado em Configurações da loja → Rodapé → Texto de atendimento. Por padrão já vem com o horário de atendimento, mas é possível adicionar e-mail, telefone, etc. A Agência Sailor pode fornecer um HTML customizado para deixar essas informações com um visual mais elaborado (telefone e WhatsApp lado a lado, por exemplo).

Configuradas em Marketing → Redes sociais, usando os ícones internos que a própria wBuy já disponibiliza.