New Articles

  1. Como faço para corrigir imagens distorcidas no Google Chrome 121?

    Dia 24 de janeiro de 2024, o Google lançou uma nova versão do Chrome (121). Em alguns casos, isso fez com que as imagens dos banners rotativos aparecessem distorcidas devido a estilos próprios do navegador. Como corrijo isso...
  2. Melhorias na informação de parcelas de meios de pagamento

    Neste tutorial vamos adicionar na loja algumas melhorias na visualização de parcelas para o pagamento de um produto. Com essa nova funcionalidade, será possível visualizar todas as parcelas disponíveis com e sem ju...
  3. 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&...
  4. Cálculo de fretes internacionais

    Neste tutorial veremos como adicionar a possibilidade de calcular frete para outros países sem ter que mudar a moeda ou idioma. Vale a pena explicar que nas lojas existem dois tipos de entidades para cada país configuradas na tela Con...
  5. 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, é...
  6. Carrinho de compras rápidas

    Neste artigo, veremos como adicionar o carrinho de compras ao seu layout, que é mostrado em um pop-up sem ter que atualizar a página ao adicionar um produto ao carrinho: Essa funcionalidade inclui o carrinho de compras com: Uma n...
  7. QuickShop

    Neste tutorial veremos como adicionar um pop-up com o formulário do produto, que pode ser visto no item da lista de produtos. HTML 1. A primeira coisa que vamos fazer é criar um novo snipplet chamado quick-shop.tpl dentro da p...
  8. Botões para variações

    Neste artigo vamos adicionar botões para mostrar as variações: Esta funcionalidade suporta cores básicas como "azul, verde, vermelho, etc". Caso o produto tenha cores mais personalizadas, como "salm&ati...
  9. 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 sni...
  10. 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...