Skip to main content
Cada template na CentralCart é composto por arquivos organizados em pastas com funções específicas. Você pode criar, editar e excluir arquivos dentro dessas pastas usando o editor web ou o editor local.

Pastas disponíveis

PastaDescrição
pagesPáginas principais da loja (index, checkout, produto, etc.)
pages/accountPáginas da área do cliente (pedidos, conta)
layoutsLayouts base que envolvem as páginas (header, footer, estrutura geral)
componentsComponentes reutilizáveis que podem ser incluídos em qualquer página
widgetsComponentes de widgets (destaque de produto, meta mensal, top doadores, etc.)
stylesArquivos CSS para estilização
scriptsArquivos JavaScript para interatividade

Tipos de arquivo permitidos

Apenas três tipos de arquivo são suportados:
  • HTML (.html) — Páginas, layouts e componentes Liquid
  • CSS (.css) — Estilos da loja
  • JavaScript (.js) — Scripts de interatividade

Limites

  • Cada pasta pode conter no máximo 35 arquivos
  • Nomes de arquivo possuem no máximo 32 caracteres
  • Nomes são automaticamente convertidos para formato slug (sem espaços ou caracteres especiais)

Arquivo especial: schema.centralcart

O arquivo schema.centralcart é um arquivo virtual no formato JSON que define as opções de personalização do template. Ele não fica em nenhuma pasta — é acessível diretamente pelo editor e define os campos que aparecem na tela de “Personalizar template” do painel. Veja mais detalhes na página de Schema de Configuração.
No momento, para habilitar o arquivo de schema no seu template é necessário entrar em contato com o suporte da CentralCart.

Includes e layouts

Você pode incluir componentes e layouts dentro de páginas usando a tag include do Liquid:
<% include 'components/header' %>
Isso vai buscar o arquivo components/header.html e renderizá-lo no local da tag. A extensão .html é adicionada automaticamente. Para layouts, use a tag layout:
<% layout 'layouts/main' %>
Isso envolve o conteúdo da página atual com o layout especificado. No arquivo de layout, use <%= content %> para indicar onde o conteúdo da página será inserido.
Se você tiver qualquer dúvida, entre em contato com a nossa equipe de suporte em nosso WhatsApp e Discord.