Falando de forma resumida e superficial, a loja virtual nada mais é do que a exibição de produtos, categorias, banners e algumas informações institucionais.
Na Webstore os responsáveis por exibir todas essas informações, são os módulos.
Por exemplo, falando sobre Banners, existe um módulo padrão da Webstore que é responsável por obter os dados dos banners da loja através da API da Webstore, tratar essas informações e gerar o HTML necessário para que os banners sejam exibidos.
Fora os módulos padrões da loja, um tema pode ter módulos personalizados que permitem que você desenvolvedor organize melhor seu código, separando em diferentes arquivos .css, .js e .html e determinando a página exata que deverão existir.
Dessa forma você evita que códigos que deveriam afetar apenas a home, existam em demais páginas da loja de forma desnecessária.
Um módulo possuí, seja ele padrão ou personalizado, três arquivos:
Na imagem abaixo demonstramos um exemplo de um módulo personalizado criado no tema.
O css e javascript do módulo é compilado e inserido no body e no head das páginas. Porém o HTML é inserido na página no local onde você determinar com uma âncora responsável por ser substituída pelo conteúdo dele.
EX: