Com o módulo de edição instalado em sua máquina e configurado com o token do tema, você terá os arquivos do tema baixados na pasta onde executou o comando ws config.
Ao abrir a pasta do tema que foi configurado você irá se deparar com três pastas.
<aside> 🗃️ - Layout ✅
</aside>
Você deverá manipular apenas a pasta LAYOUT, as demais pastas são de uso do módulo e não deverão ser editadas.
Ao abrir a pasta layout, você irá se deparar com a seguinte estrutura:
<aside> 🗃️ - 🗂️ Assets
</aside>
Explicaremos abaixo de forma breve cada um dos itens listados na pasta layout.
Mais adiante nesse manual detalharemos ainda mais cada um deles.
| Item | Descrição |
|---|---|
| assets | Pasta responsável por armazenar arquivos de estilo e funções globais da loja (css e js) |
| config | Pasta responsável por armazenar o arquivo config.json que possui algumas configurações do tema |
| include | Pasta responsável por armazenar arquivos html que são incluídos nas estruturas (topo, rodapé, etc…) |
| modulos_loja | Pasta responsável por armazenar arquivos de módulos personalizados desse tema. (clique aqui para saber mais sobre módulos personalizados) |
| estrutura_index.html | Arquivo responsável pelo html estrutural da página inicial da loja |
| estrutura_listagem.html | Arquivo responsável pelo html estrutural da página de listagens de categorias e resultados de busca |
| estrutura_pagina_produto.html | Arquivo responsável pelo html estrutural da página de exibição de um produto |
| estrutura_outras_paginas.html | Arquivo responsável pelo html estrutural de demais páginas da loja que não sejam as três acima. (Ex: contato, institucional, etc..) |
Temos uma explicação do código HTML da index. Caso deseje entender mais sobre a divisão da index clique aqui.