Funcionalidades

Articles

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 %} <sc...
Facebook Login
Neste artigo, vamos adicionar um botão que permite ao usuário efetuar login usando o Facebook, tanto na página de login como na página Criar conta. Para configurar essa funcionalidade no Administrador nuvem, sugerimos...
Página em construção
A página em construção permite ocultar produtos e páginas internas da loja quando a mesma não puder receber visitas, seja porque ainda não foi lançada ou está recebendo atualizaçã...
Calculadora de frete
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ç&ot...
Selos personalizados
Neste tutorial, explicaremos como você pode adicionar um selo ou logotipo personalizado para aparecer no rodapé da loja, na seção ‘Personalizar meu layout atual’ no Administrador Nuvem. Geralmente é usad...
Informação de meios de pagamento e parcelas
Neste tutorial, vamos adicionar visibilidade aos meios de pagamento e parcelas em seu design: O código neste tutorial inclui: Parcelas na lista de produtos, detalhes do produto e carrinho (aplica-se apenas em lojas no Brasil) Modal que mo...
Promoções
Neste tutorial vamos adicionar as promoções em seu layout, oferecendo a possibilidade de mostrar e aplicar promoções do tipo: 2x1, 3x1,% de desconto em um produto ou de um determinado número de unidades. As promo&...
Botão de contato por meio do WhatsApp
Neste tutorial, te ensinamos a implementar o botão que possibilita o contato com o administrador da loja, pelo WhatsApp: HTML 1. Crie o arquivo whatsapp-chat.tpl dentro da pasta snipplets com o seguinte conteúdo: {% if store...
Lazy load
Em alguns tutoriais, incluímos a técnica de lazy load, para a qual usamos o plugin Lazysizes . Ele evita o carregamento de imagens que não estão dentro do campo visual na tela do dispositivo onde o site é exibido...
Classes helper ou utilities
Nos layouts da Nuvemshop, usamos classes chamadas Helpers ou Utilities, que são usadas para aplicar uma propriedade CSS isolada. Por exemplo, se precisarmos de um texto para ser alinhado ao centro, usamos a classe "text-center": &...