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: SOURCE, NEON, LUMINA, KOPY, PRISMA, ECLIPSE

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 diversas 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.

Editar com Inteligência Artificial

Ao usar o Editor Local (CLI), você pode aproveitar ferramentas de IA para editar seu template com linguagem natural. Escolha uma das opções abaixo para ver como configurar:

Claude

Use o Claude Code para criar e editar componentes do seu template.

Antigravity

O IDE com IA do Google. Edite seu template com um agente que entende todo o projeto.

Cursor

Editor de código com IA integrada. Gere e ajuste código do template com prompts.

Outros

Você pode usar qualquer outra IA de programação para editar seu template. Veja como.

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.