# Template: Retail Modern

## Estrutura do Template

Este template é **autocontido** - todos os arquivos necessários estão dentro desta pasta.

```
retail/modern/
├── includes/               ← Componentes compartilhados do template
│   ├── store-config.php   ← Configurações da loja (cores, menu, header, footer)
│   ├── header.php         ← Cabeçalho com menu de navegação
│   ├── footer.php         ← Rodapé da loja
│   ├── styles.css         ← Estilos principais do template
│   └── theme-helper.php   ← Funções auxiliares do tema
│
├── assets/                ← Assets estáticos
│   └── css/
│       ├── theme.css      ← Variáveis CSS do tema
│       └── theme-vars.php ← Gerador de variáveis CSS dinâmicas
│
├── home.php               ← Página inicial
├── produtos.php           ← Listagem de produtos
├── produto.php            ← Página de produto individual
├── checkout.php           ← Página de checkout
├── login.php              ← Página de login
├── registrar.php          ← Página de registro
├── favoritos.php          ← Lista de favoritos
├── minha-conta.php        ← Dashboard da conta
├── meus-pedidos.php       ← Lista de pedidos
├── pedido.php             ← Detalhes do pedido
├── meus-dados.php         ← Dados pessoais
├── meus-enderecos.php     ← Endereços do cliente
├── alterar-senha.php      ← Alteração de senha
└── logout.php             ← Logout
```

## Como Criar um Novo Template

1. **Copie esta pasta** para criar um novo template:
   ```bash
   cp -r retail/modern retail/elegante
   ```

2. **Modifique os arquivos** conforme necessário:
   - `includes/store-config.php` - Altere cores padrão e configurações
   - `includes/header.php` - Customize o cabeçalho
   - `includes/footer.php` - Customize o rodapé
   - `includes/styles.css` - Altere os estilos

3. **Atualize as referências CSS** nos arquivos de página se necessário

## Arquivos Principais

### store-config.php
Carrega todas as configurações da loja:
- Dados da loja ($store, $storeName, $logo, etc.)
- Configurações de cores ($primaryColor, $bgColor, etc.)
- Menu de navegação ($menuItems)
- Configurações de header e footer

### header.php
Renderiza o cabeçalho com:
- Logo da loja
- Menu de navegação
- Barra de busca
- Ícones de carrinho, favoritos e login

### footer.php
Renderiza o rodapé com:
- Informações da loja
- Links úteis
- Redes sociais
- Copyright

## Itens Fixos do Menu

Os itens **Início** e **Produtos** são fixos e não podem ser alterados pelo usuário:
- **Início** → Página principal da loja
- **Produtos** → Página de listagem de produtos

Isso é definido em `includes/store-config.php`:
```php
$fixedMenuItems = [
    ['id' => 1, 'name' => 'Início', 'link' => $baseUrl, 'icon' => 'solar:home-2-bold'],
    ['id' => 2, 'name' => 'Produtos', 'link' => $baseUrl . '/produtos', 'icon' => 'solar:bag-3-bold'],
];
```
