Popular Articles

  1. Selos personalizados

    Neste tutorial, explicaremos como você pode adicionar um selo ou logotipo personalizado para aparecer no rodapé da loja, na seção ‘Personalizar meu layout atual’ no Administrador Nuvem. Geralmente é usad...
  2. Melhorando o carregamento das imagens e SVGs

    O primeiro e mais importante passo para melhorar a velocidade de carregamento de um site são as imagens. Se você ainda não sabe como medir a velocidade do seu site, o seguinte artigo pode te ajudar: Medindo a velocidade do seu...
  3. Snipplets

    Snipplets são as menores unidades de HTML dentro de um modelo e são encontrados dentro da pasta com o mesmo nome. Eles representam componentes isolados que podem ser incluídos em um ou vários locais da loja, como o item ...
  4. Postagens do Instagram

    Neste tutorial vamos adicionar o componente que mostra na página inicial as últimas publicações de uma conta do instagram. HTML A primeira coisa que vamos fazer é criar a pasta home dentro da pasta snipplet...
  5. Objetos

    Objetos são variáveis determinadas pela plataforma. E cada objeto tem diferentes atributos que são separados por um ponto. Podemos chamar esses objetos de duas maneiras: {% ... %} y {{ ... }} . O primeiro é usado para...
  6. 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&ia...
  7. 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 cons...
  8. 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...
  9. Layout | Pasta

    Nesta pasta ficarão todos os layouts que a tenha o design. O layout padrão é layout.tpl. Este arquivo contém o código html comum a todas as telas. Aquí é onde se abre e se fecha o código &...
  10. 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 Bo...