O Novo Construtor de Temas da wBuy permite que você reformule o visual da sua loja de forma intuitiva e sem precisar mexer em códigos. Fique tranquilo: ao iniciar este processo, a sua loja atual que está no ar não sofre nenhuma alteração até que você decida publicar e ativar o novo tema oficialmente.
Para começar a personalização, siga os passos abaixo:
Iniciando a migração
No menu lateral esquerdo do seu painel, clique em Temas.
No banner principal, clique no botão Conhecer o novo construtor.
O sistema abrirá um guia de configuração rápida (onboarding) para você definir a estrutura base do seu novo visual. As etapas do onboarding mostrarão configurações pré-definidas e/ou recomendadas pelo sistema, mas você pode escolher entre outras opções disponíveis, conforme será detalhado nos próximos tópicos.
Configurando o Topo e a Organização do Conteúdo
Nesta etapa, o sistema mostrará uma prévia (preview) da sua loja à direita, que atualiza em tempo real conforme você seleciona as opções na barra esquerda.
· Topo: Escolha o modelo do cabeçalho da loja. Pode ser Minimalista (busca fechada e fundo transparente), Padrão (fundo sólido com barra de busca aberta e topo fixo) ou Departamentos (com busca aberta na primeira linha e categorias centralizadas abaixo).
· Organização do conteúdo: Defina a largura geral da loja (Expandido ocupando 100% da tela, ou Normal) e o espaçamento em pixels entre os itens e produtos (20px, 10px, 5px ou nenhum).
Clique no botão Continuar no canto inferior direito.
Escolhendo o Rodapé e os Filtros
· Rodapé: Escolha o modelo final da página que melhor atende à sua marca: Minimalista (com destaque para a newsletter), Departamentos (menu separado por setores para facilitar a navegação) ou Compacto (apenas links básicos e copyright). Clique em Continuar.
· Filtros e Paginação:
- Selecione onde os filtros de categorias vão aparecer (Filtro suspenso, Filtro superior ou Filtro lateral).
- Defina a quantidade de produtos por linha no computador (o recomendado pelo sistema são 4 produtos) e no celular (recomendado 1 produto).
- Escolha a dinâmica de paginação (Botões padrão com números, Seletor de páginas, Botão "carregar mais" ou Rolagem infinita). Clique em Continuar.
Fotos do Produto, Cores e Fontes
· Fotos do Produto: Determine como as imagens extras (miniaturas) do seu produto serão apresentadas na página interna de detalhes (Carrossel lateral, Carrossel inferior ou Galeria em grade). Clique em Continuar.
· Cores e Fontes Iniciais:
- Selecione uma Paleta de cores pré-definida. O sistema oferece sugestões prontas (como a paleta "Areia", focada em tons terrosos e monocromáticos).
- Escolha a combinação de Fontes para os títulos e os parágrafos (ex: "Libre Baskerville" para títulos e "Lato" para os textos gerais).
Clique no botão Continuar pela última vez.
Após concluir essas etapas, o sistema exibirá uma tela de carregamento informando que está preparando o seu novo tema. Ao finalizar, o editor visual completo será aberto para você iniciar as personalizações avançadas.