Vitral 0.2

Fernhill Supply

Uma vitrine completa para uma pequena marca de artigos para casa. Navegue por cômodo, ordene a grade, abra um produto para escolher cor e tamanho, e leve-o por um carrinho com cupom até um checkout que valida cada passo antes de deixar você seguir.

LojaCheckoutCatálogo

Telas

  1. 1

    Loja

    Hero, categorias e uma grade de produtos ordenável

    Abrir ao vivo
    Fernhill Supply: a tela Loja
  2. 2

    Produto

    Galeria, variantes, quantidade e avaliações

    Abrir ao vivo
    Fernhill Supply: a tela Produto
  3. 3

    Carrinho

    Itens, um cupom e o total do pedido

    Abrir ao vivo
    Fernhill Supply: a tela Carrinho
  4. 4

    Checkout

    Entrega, pagamento e revisão em três passos

    Abrir ao vivo
    Fernhill Supply: a tela Checkout

O que tem dentro

4 telas e 22 componentes, ligados por estado compartilhado e navegação local.

Recursos

  • Hero, blocos de categoria e uma grade de produtos que pode ser filtrada e ordenada
  • Página de produto com galeria de fotos, variantes, quantidade e avaliações
  • Um carrinho que recalcula enquanto você o edita, com um cupom que funciona (FERN10)
  • Um checkout linear: entrega, campos de pagamento com máscara, revisão
  • Estado do carrinho compartilhado entre todas as telas, com um badge ao vivo no cabeçalho

Telas

Perguntas

Sobre o Fernhill Supply e sobre templates em geral.

Não. O checkout valida os campos e mostra uma confirmação, mas não há nenhum provedor de pagamento por trás — conecte o seu no handler que finaliza o pedido.