-
Dentro desta pasta, localizamos todos os templates em relação à conta do usuário na loja: Address.tpl Addresses.tpl Info.tpl Login.tpl Newpass.tpl Order.tpl Orders.tpl Register.tpl Reset.tpl Cada um desses templates usa o mesmo embed par...
-
Este arquivo começa com algumas configurações importantes para mostrar a lista de produtos de uma determinada categoria. Por um lado, teremos a verificação da existência de filtros dentro da categoria: {% set has_filters = insta_colors|length > 0 o...
-
No tutorial a seguir adicionaremos a barra localizada acima do head da loja. Ela contém uma área de texto com a possibilidade de atribuir um link. HTML 1. Para começar vamos criar um novo snipplet chamado header-advertising.tpl , onde criamo...
-
O tema Base tem uma página híbrida entre o scroll infinito e o botão para ver mais produtos, mas neste tutorial vamos adicionar a páginação clássica com números e navegação entre diferentes páginas. HTML 1. A primeira coisa que vamos fazer...
-
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...
-
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...
-
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 }...
-
Created On: 07/08/2019
in Nosso código 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...
-
Created On: 07/08/2019
in Nosso código 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...
-
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...