Popular Articles

  1. Adicione o Google Avaliações do Consumidor

    Neste tutorial veremos como adicionar o selo de pesquisas do Google em sua loja. HTML 1. Na pasta static/js , adicionamos o arquivo google-survey.js.tpl : {# Google survey JS for Tiendanube /#} {% if store.google_merchant_id %} ...
  2. Carrossel de imagens exclusivo para celulares

    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...
  3. Imagem da categoria

    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...
  4. Paginação clássica

    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...
  5. product.tpl

    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...
  6. Como aplicar CSS no checkout

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

    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 ...
  8. Layout.tpl | Arquivo

    Este arquivo contém o HTML comum para todas as telas. 
  9. Introdução aos tutoriais

    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...
  10. Como mostro o preço no produto?

    {{ product.price | money_long }} {{ product.compare_at_price | money_long }} ...