Popular Articles

  1. Como definir produtos destacados?

    Você pode definir categorias distintas para os produtos em destaque, por exemplo destacados como principais e secundários, dentro do arquivo sections.txt. Saiba mais sobre o funcionamento de sections.txt em Arquivos de Configuração. Usando...
  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. 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 ...
  4. 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 %} ...
  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. 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. 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...
  9. Links do YouTube e TikTok

    Neste tutorial te ensinamos como adicionar essas 2 redes sociais em sua loja. HTML 1. Dentro da pasta snipplets/social vamos editar o arquivo social-links.tpl com o seguinte conteúdo: {% for sn in ['instagram', 'facebook', 'youtube', 'ti...
  10. Layout.tpl | Arquivo

    Este arquivo contém o HTML comum para todas as telas.