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. 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...
  3. Category

    Este objeto representa uma categoria de produtos da loja. id: Id da categoria. name: Nome da categoria. description: Descrição da categoria. url: URL da categoria. parent: Objeto Category correspondente à categoria pai. subcategories: Array d...
  4. 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...
  5. 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...
  6. 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...
  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 }} ...