Esta é uma loja inteira feita só com HTML, CSS e JavaScript. Ela roda no seu navegador, sem servidor, e por isso pode ser hospedada de graça para ser testada.

O que está acontecendo por baixo

Vitrine

O catálogo é uma lista de dados. A cada tecla ou clique, o código filtra e ordena essa lista e redesenha as caixas. Os filtros entram no endereço da página, então uma busca pode ser enviada por link.

Páginas

Só muda o que vem depois do # no endereço. Um roteador troca a tela sem recarregar a página, e o botão voltar do navegador continua funcionando.

Carrinho e estoque

Ficam salvos na memória do seu navegador (localStorage): feche a aba e volte, e continua tudo lá. Cada tamanho tem estoque próprio, e o carrinho não passa desse limite.

Compra

Cada campo tem sua regra, e os dígitos do CPF e do cartão são calculados de verdade. Uma regra de segurança da própria página proíbe enviar dados para fora, e CPF, e-mail, endereço e cartão não são guardados.

Imagens

Os tênis são desenhos em SVG feitos em código: cinco formatos e uma paleta de cores para cada modelo. Por isso carregam rápido e ficam nítidos em qualquer tela.

O que dá para adaptar ao seu negócio

Os produtos e suas variações (tamanho de roupa, voltagem, sabor), as fotos, a identidade visual, os cupons, as opções de entrega e os relatórios da área do lojista.

O que uma loja real precisa a mais

Servidor e banco de dados, login do lojista, um intermediador de pagamento para Pix e cartão de verdade, cálculo de frete, nota fiscal e política de privacidade. O código já está separado para receber essas partes.

Quer algo assim? Fale com a Mil e Uma Linhas!