-
Este tutorial explica como exibir corretamente promoções do tipo Desconto sobre preços nas lojas. Pré-requisitos Antes de começar a implementação, certifique-se de que a loja tenha uma promoção ativa desse tipo. Por exemplo, na imagem a segu...
-
Neste tutorial, vamos implementar o comportamento para que, nas listagens de produtos, seja exibido um carrossel de imagens em cada item de produto . HTML 1. A primeira coisa que faremos é substituir a imagem pelo componente privado de ima...
-
Neste tutorial, vamos implementar a promoção de c ross selling ao adicionar um produto ao carrinho. HTML 1. Vamos criar um novo snippet chamado snipplets/cross-selling.tpl dentro da pasta snipplets . Neste arquivo, utilizaremos o ...
-
No tutorial a seguir, adicionaremos e habilitaremos a funcionalidade Blog.
HTML
1. Para começar, criamos o blog.tpl com o seguinte código, dentro da pasta templates .
{% embed "snipplets/page-header.tpl" with { bread...
-
No seguinte siguiente tutorial, vamos a adicionar um menu para poder exibir os idiomas y moedas no cabeçalho. HTML 1. Para começar, vamos criar um novo snipplet chamado navigation-lang.tpl dentro da pasta sniplets/navigation onde criamos...
-
No próximo tutorial, explicamos como adicionar o componente de descontos progressivos, para exibir múltiplos descontos por quantidade em um mesmo produto. O código neste tutorial inclui: Um...
-
Neste tutorial, adicionaremos recomendações de produtos complementares adicionando um ao carrinho de compras rápidas. Antes de prosseguir, precisaremos do carrinho de compras rápidas seguindo este tutorial . HTML 1. Vamos criar um novo ...
-
Neste tutorial vamos fazer que as seções da página de inicio mudem de posição com "drag and drop" Vamos considerar como exemplo 3 seções "arrastáveis": Banners rotativos Produtos em destaque Banners de categorias E uma seção “fixa”,...
-
Neste artigo vamos "riscar" as opções que não tiverem estoque quando as variações sejam mostradas como botões. HTML 1. Dentro da pasta snipplets crie outra pasta com o nome product , dentro adicionamos um novo snipplet chamado product-v...
-
Neste tutorial, vamos melhorar a visibilidade do frete grátis quando ele é a partir de um valor mínimo, da seguinte forma: Exibindo uma etiqueta de "Frete Grátis" quando o preço do produto (ou variante) excede o valor mínimo para frete grátis ...