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. 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 %} ...
  3. 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...
  4. 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 ...
  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...