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
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Pasta responsável por armazenar arquivos de estilo e funções globais da loja (css e js)
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Pasta responsável por armazenar o arquivo config.json que possui algumas configurações do tema
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Pasta responsável por armazenar arquivos html que são incluídos nas estruturas (topo, rodapé, etc…)
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Pasta responsável por armazenar arquivos de módulos personalizados desse tema. (clique aqui para saber mais sobre módulos personalizados)
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Arquivo responsável pelo html estrutural da página inicial da loja
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Arquivo responsável pelo html estrutural da página de listagens de categorias e resultados de busca
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 Arquivo responsável pelo html estrutural da página de exibição de um produto
https://wsplataforma.notion.site/Explica-o-do-HTML-dos-arquivos-9b22ece195ed4b19b5a4db0621a82c50 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.

Agora vamos entender sobre os módulos e como eles fazem a loja funcionar!