-
No tutorial a seguir explicamos como adicionar o calculador de frete e as lojas físicas em seu layout: O código neste tutorial inclui: A calculador de frete, tanto no detalhe do produto como no carrinho O filtro entre opções de envio semelhantes...
-
Nessa pasta colocamos todas as imagens, CSS e javascript que queira usar em seu design. Encontrará a folha de estilos principal "style.CSS", que pode ser modificado com o CSS que for usar em seu design.
Se for utilizar alguma outra folha de ...
-
O tema Base tem uma página híbrida entre o scroll infinito e o botão para ver mais produtos, mas neste tutorial vamos adicionar a páginação clássica com números e navegação entre diferentes páginas. HTML 1. A primeira coisa que vamos fazer...
-
Neste tutorial adicionaremos a imagem por categoria, uma geral que aparece em todas as categorias e as imagens específicas de cada uma. Para o tema Base, criamos um componente que exibe a imagem geral, a menos que a categoria tenha uma imagem es...
-
Last Updated: 03/01/2020
in Sobre o layout Base Templates No template de detalhes do produto, encontramos a estrutura que contém dois snipplets principais: product/product-image.tpl product/ product-form.tpl Porém,o arquivo começa com um container com várias classes .js - que recebe todos os comportam...
-
Neste tutorial veremos como ter um carrossel de imagens na página inicial que aparecerá somente em celulares. Essa necessidade pode surgir quando um único carrossel de imagens não é o suficiente para computadores e celulares, quando o design das i...
-
Neste tutorial veremos como adicionar CSS para o checkout e assim adaptar seu design ao de nossa loja. IMPORTANTE: Antes de continuar, vale esclarecer que o checkout é uma etapa crítica para a compra e na hora de efetuar alterações, devemos ter mui...
-
Este arquivo contém o HTML comum para todas as telas.
-
Last Updated: 20/08/2019
in Funcionalidades e FAQs Nesta parte da documentação, encontramos tutoriais sobre como adicionar recursos específicos ao seu layout, como, por exemplo, um pop-up para assinatura de newsletter. É importante esclarecer que todos os artigos são baseados no código e na estrutu...
-
Last Updated: 09/09/2015
in Funcionalidades e FAQs FAQs
{{ product.price | money_long }}
{{ product.compare_at_price | money_long }}
...