New Articles

  1. cart.tpl

    Esta página contém o carrinho de compras que, embora por padrão tenhamos o Carrinho Ajax (mostrado em um pop-up),  ele pode ser desativado na personalização do tema, dando origem à página do carrinho, mantendo o fluxo de compras mais clássico, onde ...
  2. O que é Twig?

    O Twig é um mecanismo para criar templates em PHP. Através dele criamos todos os templates e arquivos reutilizáveis de um layout na Nuvemshop. Nossos desenvolvedores geram código de backend, tornando possível consumi-lo por meio de objetos, variáve...
  3. Estructura de pastas

    Layouts Contém o arquivo layout.tpl que contém o html comum a todas as telas. Neste arquivo, a tag é aberta e fechada; o e os componentes do corpo que não são específicos de cada tela, como navegação, cabeçalho ou rodapé, também são incluído...
  4. 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. Quando o usuário está próximo (e...
  5. Static

    Static Esta pasta contém todos os arquivos de estilo (css e scss), arquivos de comportamento JavaScript, imagens incluídas no layout e o arquivo checkout.scss.tpl. CSS Lógica Em nosso layout Base, usamos o Bootstrap 4 como uma estrutura ge...
  6. password.tpl

    Esse tpl mostra a página em construção, ativada no Administrador Nuvem na seção Minha Nuvemshop > Página em construção. A nível de estrutura, é uma cópia do layout.tpl , mas com menos funcionalidades, já que a página em construção mostra um texto a...
  7. 404.tpl

    A página de erro 404 funciona como um backup quando um usuário deseja inserir uma URL que não existe mais ou está errada. Consiste no título, incluído no snipplet page-header.tpl , uma mensagem sobre a inexistência da página que você digitou e uma...
  8. 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...
  9. Layout Base

    O layout Base foi pensado como ponto de partida para o desenvolvimento de novos designs na Nuvemshop. Este canvas em branco contempla todas as funcionalidades que um e-commerce deve ter: Slider na página inicial Banners Banners Vídeo Video...
  10. Melhorando o carregamento do Javascript

    Antes de começar, se ainda não tem conhecimento de como medir a velocidade do seu site, o seguinte artigo pode ser de ajuda: Medindo a velocidade do seu site Melhorar o carregamento das imagens vai aumentar muito a velocidade, mas o Javascript e...