New Articles

  1. page.tpl

    Usamos esse modelo para páginas de conteúdo criadas a partir do Administrador Nuvem na seção "Minha Nuvemshop > Páginas". Nós vamos encontrar um embeded para chamar o snipplet do título para as páginas, com o parâmetro que mostra o breadcrumb do me...
  2. Config

    Dentro desta pasta, temos todos os arquivos relacionados à configuração do layout no Administrador Nuvem. data.json Graças a este arquivo, é possível atualizar as cores em tempo real, sem ter que atualizar a página no Administrador Nuvem na seção ...
  3. Layouts

    Dentro da pasta /layouts você encontrará um único .tpl chamado layout.tpl que é usado como uma estrutura para todo o layout. O conteúdo deste arquivo será replicado em todas as telas e seções da loja. Você encontrará as tags de todos os html, q...
  4. 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 ...
  5. 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...
  6. 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...
  7. 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...
  8. 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...
  9. 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...
  10. 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...