New Articles

  1. Filtros e ordenamiento de produtos

    Neste tutorial, vamos ver como adicionar os filtros de categorias e propriedades, bem como a possibilidade de ordenar os produtos, para as páginas de categorias e resultados de busca. Entre as propriedades a filtrar estão: Variantes do produto ...
  2. Validação de usuários registrados

    Queremos verificar se o usuário insere seu e-mail real, adicionando uma instância de validação através de um link que enviaremos para o e-mail que foi inserido. As alterações que descrevemos neste artigo são baseadas no tema Base. Mas também pod...
  3. Scroll Híbrido

    Neste artigo veremos como criar a funcionalidade de scroll híbrido nas páginas da categoria e nos resultados da pesquisa. Mas o que é um scroll híbrido? Basicamente, misture as experiências de: Um scroll infinito no qual os produtos são carreg...
  4. Informação de meios de pagamento e parcelas

    Neste tutorial, vamos adicionar visibilidade aos meios de pagamento e parcelas em seu design: O código neste tutorial inclui: Parcelas na lista de produtos, detalhes do produto e carrinho (aplica-se apenas em lojas no Brasil) Modal que mostra ...
  5. Navegação de categorias mobile

    Dependendo do seu layout, talvez seja necessário ter as categorias mais visíveis no celular. Neste tutorial, vamos ver como adicionar uma navegação apenas para categorias, veja como fica: HTML A primeira coisa que vamos fazer é criar a pasta de...
  6. Sugestão de busca

    Neste tutorial, veremos como adicionar as sugestões ao campo de pesquisa. Como funciona? Quando um usuário está digitando um texto para pesquisar, são sugeridos até 6 produtos de acordo com as letras ou palavras escritas. HTML 1. A primeira c...
  7. Calculadora de frete

    No tutorial a seguir explicamos como adicionar o calculador de frete e as lojas físicas em seu layout: O código neste tutorial inclui: A calculador de frete, tanto no detalhe do produto como no carrinho O filtro entre opções de envio semelhantes...
  8. Barra com atalho para acompanhamento do último pedido

    Com este tutorial, você aprenderá a exibir uma barra de rastreamento do último pedido, dando aos compradores de loja acesso aos detalhes e ao status de sua compra. HTML A primeira coisa que vamos fazer é criar o t...
  9. Filtro de marca

    Neste tutorial, vamos incluir o filtro de marcas, que pode ser adicionado a partir da criação ou edição do produto no Administrador Nuvem. Requisito: Ter previamente implementado os filtros de variantes já que as marcas estão inclusas no "for" q...
  10. Filtro de preço

    Neste tutorial, veremos como adicionar o filtro de preço. Recomendamos que você tenha o restante dos filtros implementados como base (variantes e marca), neste artigo pode visualizar os passos para obtê-los (também inclui o filtro de preços) ...