Sailor Streetwear

O letreiro que aparece no topo da loja é configurado em Marketing → Ofertas periódicas.

Para ativar, vá em Opções → Preferências e escolha o formato de exibição: o padrão da wBuy é carrossel, mas o letreiro é o formato que propomos no tema. Você também define ali a velocidade da passagem do texto.

Ao criar a mensagem, é possível definir data de início e término, cor de fundo, cor do texto, tamanho e alinhamento. Uma observação importante: no formato letreiro, só é possível ter uma oferta por vez. Se quiser várias ofertas simultâneas, use o formato carrossel.

O logotipo é adicionado em Configurações da loja. O tamanho recomendado é 130×60px, sem margem ao redor da imagem — isso evita que o logo fique pequeno demais dentro do cabeçalho, um problema comum quando a imagem tem muita margem sobrando.

O favicon (ícone que aparece na aba do navegador) também é configurado no mesmo local.

Este é um recurso que não vem instalado automaticamente na loja — é necessário acionar o nosso suporte após a aquisição do tema para que a gente instale o script.

A ideia é permitir uma categoria "em destaque" separada do menu normal (por exemplo, "Sale", "Black Friday", "Natal"), direcionando o cliente para uma categoria oculta (ativa, mas não visível no menu) ou para todos os produtos.

Depois de instalado, o script é editável em Configurações → Scripts por página → Categoria destaque. Ali é possível trocar o texto, o link de destino, a cor de fundo (em código hexadecimal) e o ícone. O ícone ideal é uma imagem hospedada no próprio CDN da wBuy — para isso, edite qualquer produto, clique no editor de imagem, carregue a imagem e copie o endereço gerado. Alternativamente, dá pra usar ícones de sites como o Flaticon.

Atenção: ao editar o script, adicione as informações somente dentro das aspas já existentes — não acrescente nem remova caracteres da estrutura.

Ao contrário do tema nativo da wBuy, este tema mostra um indicador visual de força de senha no cadastro do cliente (checklist de letra maiúscula, minúscula, número, caractere especial e mínimo de 8 caracteres).

O carrinho lateral (ou "carrinho suspenso") inclui uma vitrine de produtos dentro dele — um recurso desenvolvido pela Agência Sailor originalmente sob demanda de outros clientes, e que hoje já vem integrado neste tema.

Para o carrinho suspenso funcionar corretamente, é necessário que, em Configurações da loja → Carrinho, a opção "Habilitar carrinho suspenso" esteja marcada, junto com a opção de não mostrar a mensagem "imagens meramente ilustrativas".

Como este é um tema avançado, não é possível desabilitar esse comportamento — se a opção não estiver habilitada, o cliente pode ter erro ao tentar alterar ou remover itens do carrinho.

O tema prevê 3 tipos de banner na home: banner principal (carrossel), banners personalizados (formato "compre por categorias", quadrado) e até 3 mini banners (posição meio).

Todos são cadastrados em Marketing → Banners — o tipo de banner escolhido no cadastro determina automaticamente onde ele aparece na página.

Também é possível adicionar banners em categorias específicas (Produtos → Categorias → Banner → Banner interno).

Atenção: qualquer posição ou formato diferente do que está previsto no tema (por exemplo, mais de 3 mini banners, ou banner com cantos arredondados em vez de quadrado) exige orçamento à parte, já que envolve mudança de CSS.

Editáveis em Marketing → Destaques. A ordem recomendada de exibição é: parcelamento, entrega, desconto e site seguro.

O tema prevê 5 vitrines: Lançamentos, Mais Vendidos, Outlet, Veja Também e Compre Também (esta última funciona como um upsell). Todas são cadastradas em Produtos → Vitrines.

Uma regra importante: as duas últimas vitrines cadastradas (penúltima e última posição) são automaticamente exibidas como "Veja também" e "Compre também", independente de quantas vitrines você tiver no total. Ou seja, se você quer 5 vitrines na home mais essas duas, o ideal é cadastrar 7 no total.

Para todas as vitrines funcionarem corretamente, é necessário que o módulo de compra rápida esteja habilitado (veja o item específico sobre isso).

A compra rápida permite selecionar cor, tamanho e quantidade direto na vitrine, sem sair da página. Para habilitar: vá em Opções → Preferências, pesquise por "compra" e ative "Habilitar no box do produto a compra rápida".

Aparece tanto na listagem de produtos quanto na página do produto, para itens em promoção. Para configurar, vá em Opções → Preferências:

— Em "detalhes do produto": ative "não mostrar contador regressivo" se quiser ocultá-lo.
— No "box do produto": mesma lógica.
— A opção "mostrar contador regressivo considerando a data inicial e final da promoção" determina se o cronômetro é de 24 horas fixas (reiniciando todo dia) ou segue exatamente o período configurado na promoção do produto.

A galeria de fotos se adapta à quantidade de imagens (o exemplo usado no vídeo tem 2 fotos, mas o layout comporta mais, preenchendo o espaço automaticamente — o comportamento muda no mobile por limitação de espaço).

A descrição do produto vem aberta por padrão, mas pode ser fechada. Ao visualizar várias fotos, o scroll da página é temporariamente travado até o cliente terminar de navegar pelas imagens.

O botão de "Comprar pelo WhatsApp" pode ser ativado/desativado em Aplicativos → WhatsApp → Exibir comprar pelo WhatsApp em detalhes do produto.

Se utilizado, o guia de tamanho tem uma personalização visual própria neste tema.

As avaliações aprovadas são exibidas tanto na página do produto quanto na página inicial, em formato de quadros pequenos.

Configurado em Tabelas → Configurar marcas. Para que os logos das marcas apareçam alinhados e no mesmo tamanho, o recomendado é montar cada logo dentro de um quadro padronizado (por exemplo, 150×75px, podendo variar conforme preferência) usando um editor de imagem como o Canva antes de cadastrar — isso evita que logos de tamanhos diferentes fiquem desalinhados na vitrine.

As páginas do rodapé (institucionais, ajuda e suporte) são gerenciadas em Páginas e Conteúdo, onde também se define em qual coluna do rodapé cada uma aparece.

O "Fale Conosco" puxa as informações de Configurações da loja → Rodapé — esse campo funciona como um editor de HTML. Para exibir as informações de WhatsApp com a formatação visual correta (ícone, relógio, etc.), a Agência Sailor fornece o código HTML pronto para colar nesse campo.

Os ícones de redes sociais são adicionados em Marketing → Redes sociais.

Os filtros de cor e tamanho aparecem automaticamente conforme os produtos são cadastrados com essas variações. O filtro de preço pode ser habilitado nas configurações de cada categoria (Produtos → Categorias → Editar categoria → Intervalo de filtro por preço).

Além dos filtros nativos (tamanho, cor, preço), a wBuy permite criar atributos personalizados — todo produto vinculado a um atributo passa a exibir esse atributo como filtro adicional na lateral.

A personalização do checkout é bastante restrita — aplicamos um CSS para destacar melhor as etapas e os botões, mas o padrão de funcionamento segue o que a própria wBuy disponibiliza nativamente.