Detalhe do produto

Articles

Cores e tamanhos das variações
Neste artigo vamos adicionar botões para mostrar as cores e os tamanhos: Esta funcionalidade suporta cores básicas como "azul, verde, vermelho, etc". Caso o produto tenha cores mais personalizadas, como "salmã...
Imagens de variações
Essa funcionalidade permite trocar a imagem principal do produto de acordo com as variações do mesmo. Por exemplo : Temos uma camiseta com variações nas cores azul/vermelho e queremos mostrar imagens ampliadas de ...
Produtos Relacionados
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...
Como adaptar o zoom de produtos para dispositivos móveis
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...
Zoom de produtos em dispositivos móveis
O Zoom de produtos em dispositivos móveis  é uma funcionalidade que pode ajudar muito seus clientes a visualizar melhor um produto a partir de seus celulares e assim definir se é realmente o que querem comprar. Consiste e...
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 é calcula...
Produtos personalizados
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...
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...
Visibilidade do desconto com pagamento personalizado
Neste tutorial, veremos como mostrar a porcentagem de desconto pagando com o método de pagamento personalizado nos detalhes do produto. Queremos mostrar o desconto como uma promoção extraordinária e, dentro do modal c...