Site, conteúdo, blog e mídia
O EcommPanel controla estrutura visual e conteúdo publicado sem misturar rascunho com runtime público.
Siga a sequência da tarefa, entenda os pontos de validação e volte a esta página sempre que precisar repetir a operação.
Nesta página · 6 tópicos
Site e vitrine
- central do site reúne header, home, footer e estado publicado;
- tema define preset, paleta e overrides;
- navegação da loja organiza departamentos e grupos;
- cards de produto possuem editor dedicado com presets, dimensões por dispositivo, tipografia, composição, selo e chamada para ação;
- editor monta páginas e seções;
- rotas publicam, restauram e enviam itens para lixeira;
- feature flags habilitam partes da experiência sem apagar configuração.
Cards de produto
Use Site e vitrine > Cards de produto para alterar a apresentação compartilhada pela home, busca, categorias e recomendações. A prévia carrega um produto real e usa o mesmo componente do storefront; portanto, o resultado exibido no painel corresponde ao card publicado.
- Escolha um preset como ponto de partida.
- Ajuste composição, largura e altura para desktop e mobile.
- Revise nome, preço, imagem, botão e selo promocional.
- Alterne a prévia entre desktop e mobile e troque o produto de referência.
- Salve e publique o template; valide a home e uma categoria em aba anônima.
O editor permite definir largura e altura por dispositivo, proporção e foco vertical da imagem, alinhamento, tipografia, borda, sombra e arredondamento. Na composição sobreposta, nome, preço e demais informações ficam sobre a imagem integral, com posição no topo, centro ou base e fundo livre, sólido ou translúcido. O selo promocional pode mudar de formato, posição e tom sem alterar a regra de preço responsável pelo desconto.
Os presets são pontos de partida completos: mercado prioriza leitura e compra rápida; catálogo reduz interferências; editorial usa imagem integral e conteúdo sobreposto; luxo amplia respiro e tipografia. Qualquer controle pode ser refinado depois da escolha do preset.
A área de prévia permanece fixa enquanto os controles são alterados. Quando o card excede o espaço disponível no painel, somente a visualização é reduzida proporcionalmente; as dimensões publicadas continuam sendo exatamente as informadas nos campos.
Publicação
Blog
Autores e posts possuem fluxo editorial. Comentários e reações são persistidos separadamente e a moderação exige permissão própria. Slug publicado deve permanecer estável ou possuir estratégia de redirecionamento.
Galeria de mídia
Uploads são processados por sharp, armazenados em runtime externo e expostos por URL pública controlada. Pastas organizam categorias; presets definem resolução, formato, qualidade e corte.
Checklist de publicação
- revisar desktop e mobile;
- conferir o card com nomes curtos e longos, preço promocional e imagem vertical;
- confirmar título, descrição, links e texto alternativo;
- validar imagem e variantes;
- testar rota em aba anônima;
- confirmar que conteúdo público vem do banco/projeção atual;
- manter backup da mídia antes de restauração em lote.