Sistema de componentes

O sistema de componentes da VNDA foi desenvolvido para simplificar o processo de implementação dos elementos recorrentes em todas as lojas. Esses elementos incluem o carrinho de compras, o filtro de produtos, os preços dos produtos, a pop-up de newsletter e as páginas de login e minha conta.

Cada um desses componentes possui elementos próprios para configuração, além de regras específicas para implementação e personalização. Sendo assim, eles serão abordados individualmente a seguir.

  • Cart Drawer: recurso de visualização de carrinho pela lateral da página, durante a navegação na loja.
  • Minha Conta: seção de conta de cliente na loja. Por essa seção o cliente realiza login, solicita recadastro de senha e acessa seus pedidos.
  • Filtros de produto: recurso para filtrar produtos em uma busca.
  • Login e Registrar: seção de login e cadastro na loja. Nessa seção o cliente se cadastra ou realiza login na loja.
  • Pop-up de Newsletter: recurso para inscrição de clientes para um newsletter da loja.
  • Preço de Produto: componente para adicionar as informações de preço e pagamento de um produto.

Veja como utilizar configurar os componentes nos artigos seguintes.

📘

Recomendamos uma leitura prévia sobre como está a organização dos arquivos Liquid no template. Utilizamos dessa organização de arquivos para incluir os componentes em no nosso BasicTemplate. No entanto, insira o componente nas páginas ou seções da sua vitrine conforme o estilo do seu projeto.