Um template é organizado assim:
pages
Cada arquivo é uma página da loja. pages/index.html é a home, pages/product.html é a página de produto, e assim por diante. Veja Páginas e rotas para a lista completa.
layouts
O layout é a moldura que envolve a página: <head>, navbar, footer. Em vez de repetir isso em cada arquivo, a página declara qual layout usar e o conteúdo é injetado dentro dele.
components
Pedaços de HTML que aparecem em mais de um lugar, como o card de produto. Você edita num arquivo só e a mudança aparece em toda a loja.
scripts e styles
O JavaScript e o CSS da loja. Os dados públicos da loja ficam disponíveis em window.BUKIO_STORE, então você consegue usá-los no seu script.
Atalhos de caminho
Ao referenciar outro arquivo, use os atalhos em vez do caminho completo:
Não é possível referenciar arquivos fora do seu template. Caminhos com ../ são recusados.
