Acesso Comercial / Docs / Storefront
Ctrl K

Templates & Demos

Comece em minutos com um template pronto ou explore os temas disponíveis.

Temas da Plataforma

Cada tema pode ser aplicado a qualquer loja pelo painel administrativo. Clique em "Ver Demo" para navegar em uma loja real usando o tema.

Default Loja de Móveis

Madeira Viva

Ver Demo ↗

Design clássico e profissional com header colorido. Ideal para lojas de móveis, decoração e produtos para casa.

ClássicoHeader coloridoVersátil
Comfort Pet Shop

Patas & Cia

Ver Demo ↗

Visual acolhedor e amigável com tons quentes. Perfeito para pet shops, lojas infantis e produtos de bem-estar.

AcolhedorTons quentesAmigável
Minimalist Joalheria

Lumière Joias

Ver Demo ↗

Estética clean e sofisticada com muito espaço em branco. Ideal para joalherias, moda premium e produtos de luxo.

SofisticadoCleanPremium
Dica: Os temas são configuráveis no painel administrativo da loja (Configurações → Personalização). Paleta de cores, logo e informações podem ser personalizados sem alterar o código.

Starter Templates

Copie um template, configure o hostname da sua loja e comece a personalizar.

Vanilla JS

Ver Demo ↗

Zero dependências. Apenas HTML + fetch(). Ideal para landing pages, projetos leves ou aprender a API.

Zero build Arquivo único fetch() nativo
examples/storefront-vanilla/

Astro (SSR)

Rodar local

Template Astro com Server-Side Rendering. Ideal para lojas com SEO otimizado e carregamento ultrarrápido.

SSR SEO otimizado SDK integrado
examples/storefront-astro/

Como usar um template

  1. Copie a pasta do template desejado para seu projeto
  2. Configure o hostname da sua loja (ex: minhaloja para minhaloja.acessocomercial.com)
  3. Execute npm install e npm run update para baixar o schema
  4. Execute npm run dev e comece a personalizar
Terminal
# Copiar template
cp -r examples/storefront-vanilla minha-loja
cd minha-loja

# Instalar dependências (apenas para Astro)
npm install

# Baixar schema atualizado
npm run update

# Iniciar desenvolvimento
npm run dev