New Articles

  1. 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...
  2. 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...
  3. 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...
  4. 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...
  5. 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...
  6. 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...
  7. 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...
  8. 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...
  9. 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...
  10. Melhorando o carregamento do CSS

    O CSS pode ser um fator chave na hora de "adiantar conteúdo" para que os usuários possam olhar alguma coisa enquanto o resto do site é carregado, ao invés de uma tela em branco que não diz nada. Se ainda não sabe bem como medir a velocidade do seu s...