Popular Articles

  1. 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...
  2. 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...
  3. 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? É simples! E tem...
  4. Novas opções de pagamento personalizadas

    Neste tutorial vamos adicionar à loja a visualização da funcionalidade de múltiplos pagamentos personalizados, o que nos permite diferenciar formas de pagamento como "Depósito Bancário", "Transferência", "A combinar / Dinheiro" e " Pix" com desconto...
  5. 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...
  6. 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 Configurações > I...
  7. Último produto em estoque

    Neste tutorial, vamos ver como mostrar uma mensagem para incentivar a compra quando fique a última unidade disponível no detalhe do produto: HTML 1. A primeira coisa que vamos fazer é adicionar o seguinte código no snipplet chamado product-qua...
  8. 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 juros, bem como as promoções bancária...
  9. 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...
  10. Vídeo para um produto

    Neste artigo vamos adicionar um vídeo para o detalhe do produto, mostrado no final da galeria de imagens: Esta funcionalidade, assim como o vídeo na página inicial, permite a exibição de vídeos do Youtube e do Vimeo. Se você já o implementou em ...