​
Layouts principais

Os layouts principais definem a estrutura base da loja, como cabeçalho, rodapé e o contêiner de conteúdo. São utilizados como esqueleto para todas as páginas.

ArquivoDescrição
layouts/default.twigLayout base de todas as páginas da loja. Inclui seções como header, footer e o conteúdo dinâmico.
sections/header.twigTemplate do cabeçalho da loja. Normalmente exibe logo, menu de navegação, ícones de conta, busca e carrinho.

​
Elementos

Os elementos são blocos reutilizáveis que podem ser incluídos em diferentes partes da loja, como vitrines, banners e sliders. Eles ajudam a manter o design modular e consistente.

ArquivoDescrição
elements/box-product.twigTemplate utilizado para exibir um produto na vitrine, com imagem, nome, preço e botão de compra.

​
Página de produto

Os templates da página de produto são responsáveis por exibir as informações detalhadas de um item individual, como imagens, descrições, avaliações e sugestões de produtos relacionados.

ArquivoDescrição
pages/product/main_product_content.twigEstrutura principal da página de produto. Inclui imagem, título, preço e botões de ação.
pages/product/product_specifications.twigTemplate das especificações técnicas ou características detalhadas do produto.
pages/product/buy_together.twigSeção “Compre Junto”, que sugere produtos complementares.
pages/product/product_reviews.twigExibe as avaliações e comentários de clientes.
pages/product/product_similars.twigSugestões de produtos similares ou relacionados.
pages/product/video.twigSeção para exibir um vídeo sobre o produto, quando disponível.