Popular Articles

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

    Este arquivo contém o HTML comum para todas as telas. 
  9. 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 ...
  10. 5 mudanças de performance para os aplicativos

    A velocidade de carregamento (ou performance) é um ponto mais que importante para a conversão das lojas. Quanto mais segundos até que o usuário possa ver o conteúdo ou navegar, mais chances dele abandonar o site. Think with Google Por iss...