New Articles

  1. home.tpl

    O home.tpl determina o conteúdo específico da página inicial da loja. Começamos por incluir o carrossel de imagens, de forma fixa, portanto, se a pessoa que gerencia a loja decidir usá-lo, ele aparecerá primeiro. Com o tema Base, incorporamos a or...
  2. product.tpl

    No template de detalhes do produto, encontramos a estrutura que contém dois snipplets principais: product/product-image.tpl product/ product-form.tpl Porém,o arquivo começa com um container com várias classes .js - que recebe todos os comportam...
  3. contact.tpl

    Como a maioria dos modelos, este arquivo começa com o snipplet page-header.tpl para mostrar o breadcrumbs e o título, que nesse caso é "Contato". {% embed "snipplets/page-header.tpl" %} {% block page_header_text %}{{ "Contacto" | translate }...
  4. Métodos

    Um método no Twig é uma função com parâmetros criados a partir do PHP para que ele possa ser chamado no front end usando apenas uma linha de código. Por exemplo, usamos métodos para gerar URLs de CSS, mas, neste caso, combinamos isso com filtros (t...
  5. Snipplet, include y embed

    Usando o Twig, podemos incluir snipplets, que são os arquivos “.tpl” dentro da pasta com o mesmo nome, de três maneiras. Isso nos dá a possibilidade de reutilizar o mesmo componente em mais de um lugar, otimizando o código e facilitando sua manuten...
  6. Classes helper ou utilities

    Nos layouts da Nuvemshop, usamos classes chamadas Helpers ou Utilities, que são usadas para aplicar uma propriedade CSS isolada. Por exemplo, se precisarmos de um texto para ser alinhado ao centro, usamos a classe "text-center": {{ “Texto” | tran...
  7. 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...
  8. 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 ...
  9. 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...
  10. 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 ...