Primeiros passos

Pré-requisitos

• Loja na Nuvemshop / Tienda Nube com acesso ao painel administrativo.
• Tema Zenit instalado na loja (versão section-based — distinta do Flex legado).

Composição inicial do Zenit

Zenit é o novo nome do Flex Section. A composição inicial consolidada é distribuída no demo base Clothing e usa a estrutura revisada no editor, com imagens e textos de exemplo para personalização.

A home reúne: hero, informações da loja, oito categorias, três vitrines, três banners promocionais, três cards editoriais, imagem com texto, faixa de mensagens, três espaços para depoimentos. O rodapé reúne uma newsletter independente, informações institucionais, menus, contato, meios de pagamento e envio, redes sociais e informações legais.

Na página de produto, a descrição aparece abaixo da ficha, seguida de depoimentos e recomendações. Preço, WhatsApp e compra fixa usam a configuração inicial demonstrada pelo tema; sua exibição também depende dos dados e recursos disponíveis na loja.

Os templates padrão não incluem seções ou blocos desativados. Produtos, categorias, meios de pagamento, frete, identidade da loja e conteúdo cadastrado continuam vindo da sua própria loja. As vitrines usam as coleções de novidades, destaques e ofertas da própria loja. Quando não há produtos cadastrados, o tema apresenta produtos de exemplo; com catálogo existente, coleções vazias podem ficar ocultas fora do editor.

A configuração inicial usa títulos em DM Sans, ícones Espesso e arredondado, categorias circulares e painel promocional cinza claro com cantos de 10 px. Nas categorias em destaque, o tamanho pode ser definido em pixels ou pela quantidade visível no computador e no celular. As opções continuam editáveis pelos controles existentes.

Os textos iniciais são fornecidos em português. Configure e valide os demais idiomas no editor antes de disponibilizá-los na loja.

Antes de disponibilizar a loja, substitua os textos e imagens de exemplo, selecione produtos e categorias e preencha depoimentos reais. Os exemplos não configuram frete grátis, cupons, parcelamento ou políticas de devolução. Os depoimentos de exemplo começam com cinco estrelas; ajuste a classificação ao substituir o conteúdo. A composição inicial não traz o botão “Ver todos” nessa seção. Nota agregada e selo de cliente verificado continuam vazios. Os textos da apresentação inicial descrevem a loja e seus conteúdos, sem instruções sobre o layout.

Imagens de exemplo e layout no celular

Os placeholders usam imagens WebP locais, com fundo cinza claro, listras diagonais e ícone centralizado. Eles aparecem quando ainda não há uma imagem selecionada. Ao escolher uma imagem no editor, o conteúdo da loja substitui o placeholder.

A composição usa os módulos aprovados do tema. A página de produto oferece grupos com blocos granulares para editar suas informações; proporções, comportamento no celular e apresentação dos módulos seguem o Zenit. Não há galeria de vídeos nesta instalação inicial.

Os 54 arquivos WebP substituem os placeholders nos caminhos originais. A composição não adiciona novos mecanismos de fallback para módulos que não os tinham.

A estrutura é instalada a partir dos templates padrão do tema. Instalações existentes preservam suas configurações salvas; atualizar o código não equivale a reinstalar os defaults. Menus, links, produtos e contatos devem ser configurados para cada loja.

Ativar o tema

1. No admin, vá em Loja online → Temas.
2. Localize Zenit.
3. Clique em Usar tema ou Publicar, conforme o fluxo da plataforma.

O que muda em relação ao Flex anterior

| Antes (legado) | Agora (Brand Editor) | |---|---| | Posições fixas na home (1 a 25) | Sections que você adiciona, remove e reordena | | Configurações espalhadas em abas genéricas | Settings por seção e por bloco, no contexto certo | | Layout rígido por template | Composição via editor visual (arrastar e soltar) |

Próximo passo

Abra o Brand Editor e faça um tour pelas áreas principais: cabeçalho, home, página de produto e identidade de marca.

Idiomas do conteúdo inicial

Os textos iniciais de home, cabeçalho, rodapé e página de produto usam as traduções fornecidas pelo tema. Após a instalação, revise e personalize esse conteúdo pelo editor. Traduções dos exemplos não substituem a tradução do catálogo, das páginas e das políticas da sua loja.