Detalhe do produto

Neste tutorial, adicionaremos os produtos relacionados mostrados na parte inferior da página de detalhes do produto. Os produtos relacionados são exibidos usando um slider que mostra uma imagem por slide em mobile e quatro em desk...

Com a crescente prolifeiração de dispositivos móveis, muitas das interações de nossos websites precisam ser reformuladas. Uma delas é o evento "hover" . Ele é a ação de posici...

Neste artigo, adicionaremos campos para oferecer produtos mais personalizados. Por exemplo, para casos em que a loja vende camisetas com um número e um nome. Essas informações serão então levadas para o checkout e...

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", "Tran...

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...

⚠️ A partir do dia 30 de janeiro de 2023, a biblioteca jQuery será removida do código de nossas lojas, portanto, a função "$" não poderá ser utilizada. Essa funcionalidade permite trocar a image...

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 é calcula...

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 Youtub...

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 s...

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...

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...

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...

Neste artigo vamos adicionar a possibilidade de mostrar o preço com desconto para um meio de pagamento nas listas, no detalhe do produto e no carrinho de compras: HTML 1. Dentro da pasta de snipplets vamos adicionar o componente ...

Este problema afeta lojas com FTP aberto antes de 9 de abril de 2024. Neste tutorial vamos solucionar um erro que pode aparecer no componente de formas de pagamento. No topo do componente existe uma barra de guias, que permite navegar entre as i...