Popular Articles

  1. Static | Pasta

    Nessa pasta colocamos todas as imagens, CSS e javascript que queira usar em seu design.  Encontrará a folha de estilos principal "style.CSS", que pode ser modificado com o CSS que for usar em seu design.  Se for utilizar alguma outra folha de ...
  2. Loja com produtos digitais e / ou físicos

    No tutorial a seguir, explicamos como fazer uma loja adaptar o fluxo de compras ao vender produtos físicos e produtos digitais ou serviços, considerando a possibilidade de ter carrinhos “mistos” com os dois tipos de produtos. As alterações neste tu...
  3. Bloqueio de início de sessão depois de várias tentativas sem sucesso

    Nesse tutorial apresentamos como alterar o código para ativar a funcionalidade de bloqueio de sessão a fim de proteger a conta dos usuários registrados na sua loja. HTML Quando um usuário tenta por várias vezes consecutivas iniciar sessão, vamo...
  4. Label com porcentagem de desconto

    Neste tutorial, veremos como exibir uma etiqueta que calcula a porcentagem de desconto quando um produto tiver um preço original e um preço promocional, tanto no detalhe do produto quanto na lista: Essa porcentagem é calculada quando o usuário a...
  5. Guia de medidas

    Neste tutorial vamos ver como adicionar uma guia para oferecer mais informações no momento de escolher um tamanho no detalhe do produto: HTML 1. A primeira coisa que vamos fazer é adicionar o seguinte código no snipplet chamado product-form....
  6. Order

    Este objeto representa um pedido feito pelos. Ele estende o objetoCart, o que significa que ele tem também todos os seus atributos. id: Id do pedido. number: Número do pedido. date: Data da realização do pedido. status: Sta...
  7. Notificação sobre o uso de cookies

    Neste tutorial vamos adicionar uma notificação que informa a seus clientes sobre o uso de cookies. Isso não afetará a experiência de compra ou as estatisticas Aplicar esta funcionalidade fará com que você cumpra a LGPD (Lei Geral de Proteção d...
  8. Resultados de entrega e retirada

    Neste tutorial, explicamos como exibir os resultados da calculadora de frete, destacando as melhores opções e dividindo entre as opções de entrega em domicílio e os pontos de retirada. Antes de iniciar, é necessário esclarecer que este tutorial ...
  9. Imagem do detalhe do produto

    Neste tutorial, explicamos como adicionar o componente de imagem nos detalhes do produto. O código neste tutorial inclui: Um slider para imagens de detalhes do produto A mudança de imagem ao modificar variantes de um produto O zoom da image...
  10. Newsletter Pop-up

    Neste tutorial vamos adicionar um popup que aparece na home page com a possibilidade de mostrar: Uma imagem Um texto Um link para a imagem e o texto O formulário de inscrição da newsletter HTML A primeira coisa que vamos fazer é criar a p...