-
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 pasta snipplet...
-
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ão", em vez de exibir o botão com o fundo dessa...
-
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....
-
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...
-
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...
-
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 ...
-
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...
-
⚠️ 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 imagem principal do produto de acordo com as variações do...
-
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...
-
Neste tutorial, vamos ver como visualizar as cores de um produto na listagem, sem precisar inserir nos detalhes do produto. HTML 1. A primeira coisa que vamos fazer é adicionar um novo snipplet chamado item-colors.tpl dentro da pasta snipple...