-
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. 🔗 Artigos Relacionados Descontos apl...
-
Os templates da Nuvem Shop oferecem scroll infinito por padrão, ou seja, a medida que o usuário rola a página, mais produtos são mostrados automaticamente. Para aplicar esse comportamento, você deve ter em sua conta as seguintes configurações:
...
-
Neste tutorial vamos adicionar banners informativos, basicamente eles são banners que contêm: Um ícone Um título Um texto Um link (opcional) Temos um total de 7 banners para mensagens diferentes: Frete Cartões de crédito Segurança Trocas...
-
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.whatsapp %}
...
-
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ção. É uma página que mostra informações básicas de contato da lo...
-
Nesta pasta ficarão todos os layouts que a tenha o design. O layout padrão é layout.tpl.
Este arquivo contém o código html comum a todas as telas. Aquí é onde se abre e se fecha o código , incluíndo o e os componentes do body que não são esp...
-
A imagem deve ser carregada dentro da pasta static e utilizada da seguinte forma:
{{ "imagem.png" | static_url | img_tag("Texto alternativo da imagem") }}
No código acima imagem.jpg é o nome do arquivo da imagem, static_url se referencia...
-
Last Updated: 20/10/2026
in Funcionalidades e FAQs FAQs O arquivo javascript deve ser colocado dentro da pasta static e ser utilizado de uma forma semelhante ao do CSS e das imagens:
{{ 'js/script.js' | static_url | script_tag }}
...
-
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": {{ “Texto” | tran...
-
No tutorial a seguir adicionaremos a barra localizada acima do head da loja. Ela contém uma área de texto com a possibilidade de atribuir um link. HTML 1. Para começar vamos criar um novo snipplet chamado header-advertising.tpl , onde criamo...