Popular Articles

  1. 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ção. É uma página que mostra informações básicas de contato da lo...
  2. Banners informativos

    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...
  3. Outros layouts nativos da Nuvemshop

    Na Nuvemshop, além do layout Base, temos mais 19 layouts nativos que suportamos. Neste artigo, veremos quais são e que diferenças técnicas temos entre eles. Para ver as diferenças em termos de design, recomendamos que você as veja em nossa ...
  4. 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.whatsapp %} ...
  5. Como carrego uma imagem?

    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...
  6. Carrinho de compras rápidas

    Neste artigo, veremos como adicionar o carrinho de compras ao seu layout, que é mostrado em um pop-up sem ter que atualizar a página ao adicionar um produto ao carrinho: Essa funcionalidade inclui o carrinho de compras com: Uma notificação exi...
  7. Como carrego um javascript?

    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 }} ...
  8. Product

    Este objeto traz as informações referentes aos produtos da loja. brand: Nome da marca do produto. name: Nome do produto. price: Preço do produto em centavos (dessa forma, se o preço for de R$100,00 o valor de price será 10000). Se compare_at_pri...
  9. Imagem da loja ao compartilhar seu link

    Neste tutorial veremos como adicionar a possibilidade de usar uma imagem diferente do logo da loja ao compartilhar o link de sua página inicial ou de uma categoria. Essa imagem, tecnicamente conhecida como imagem OG (Open Graph Image), é a utiliz...
  10. 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ções são mostradas em: No item d...