Skip to main content
O editor de códigos da CentralCart permite que você personalize completamente o visual e comportamento da sua loja. O sistema utiliza a engine Liquid para renderização de templates, com uma sintaxe própria adaptada para a CentralCart.

O que você pode fazer

  • Editar o HTML, CSS e JavaScript de qualquer página da loja
  • Criar componentes reutilizáveis e layouts customizados
  • Usar variáveis dinâmicas como dados da loja, categorias, produtos e pedidos
  • Configurar opções visuais do template via schema (sem mexer no código)

Templates base

Todo template customizado é criado a partir de um template base. Os templates disponíveis são:
TemplateDescrição
SOURCETemplate clássico e versátil
NEONVisual moderno com efeitos vibrantes
LUMINADesign limpo e minimalista
KOPYFocado em conversão e vendas
PRISMAEstilo elegante e sofisticado
ECLIPSETema escuro com visual impactante

Como criar um template customizado

  1. Acesse Configurações → Template no painel
  2. Clique em Criar template
  3. Escolha um nome e selecione um template base
  4. O novo template será criado com todos os arquivos do template base, prontos para edição

Formas de editar

Existem duas maneiras de editar seu template:

Editor Web

Editor integrado no painel da CentralCart com um editor de código (mesmo do VS Code), com syntax highlighting, abas de arquivos e preview ao vivo.

Editor Local (CLI)

Edite os arquivos diretamente no seu computador usando o Visual Studio Code com o comando npx centralcart-editor.

Funcionalidades de importação e exportação

Você também pode exportar seu template como um arquivo ZIP para backup, e importar um template ZIP para restaurar ou migrar entre lojas.
Se você tiver qualquer dúvida, entre em contato com a nossa equipe de suporte em nosso WhatsApp e Discord.