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
| Pasta | Descrição |
|---|
pages | Páginas principais da loja (index, checkout, produto, etc.) |
pages/account | Páginas da área do cliente (pedidos, conta) |
layouts | Layouts base que envolvem as páginas (header, footer, estrutura geral) |
components | Componentes reutilizáveis que podem ser incluídos em qualquer página |
widgets | Componentes de widgets (destaque de produto, meta mensal, top doadores, etc.) |
styles | Arquivos CSS para estilização |
scripts | Arquivos 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.