Nosso código
Sobre o layout Base
Funcionalidades e FAQs
Baixar o layout Base
Menu
Menú
Home
Glossary
Nosso código
O que é Twig?
Snipplet, include y embed
Métodos
Objetos
Sobre o layout Base
Layout Base
Estructura de pastas
Config
Static
Layouts
Templates
404.tpl
password.tpl
cart.tpl
page.tpl
contact.tpl
product.tpl
home.tpl
category.tpl
search.tpl
account
Snipplets
Outros layouts nativos da Nuvemshop
Funcionalidades e FAQs
Introdução aos tutoriais
Funcionalidades
Navegação
Barra de anúncios
Barra com atalho para acompanhamento do último pedido
Sugestão de busca
Navegação de categorias mobile
Página de inicio
Banners informativos
Barra de categorias na página inicial
Banners
Vídeo na página inicial
Postagens do Instagram
Imagens rotativas com textos editáveis
Botão de arrependimento
Carrossel de imagens exclusivo para celulares
Newsletter Pop-up
Seções com drag and drop
Detalhe do produto
Produtos relacionados
Como adaptar o zoom de produtos para dispositivos móveis
Produtos personalizados
Novas opções de pagamento personalizadas
Melhorias na informação de parcelas de meios de pagamento
Imagens de variações
Label com porcentagem de desconto
Vídeo para um produto
Último produto em estoque
Imagem do detalhe do produto
Guia de medidas
Botões para variações
Preço com desconto por meio de pagamento
Solucão para guias em branco no modal de formas de pagamento
Produtos relacionados: Alternativos e complementares
Mensagem de desconto para forma de pagamento não acumulável
Variações sem estoque
Lista de produtos
Quantidade de produtos por página
Paginação clássica
Segunda imagem em rolagem
Imagem da categoria
Descrição da Categoria
Filtro de marca
Filtro de preço
Scroll Híbrido
Filtros e ordenamiento de produtos
Cores no item do produto
QuickShop
Carrinho de compras
Campos personalizados no carrinho
Aplicativos de descontos
Carrinho de compras rápidas
Adicione o Google Avaliações do Consumidor
Pontos de ancoragem para aplicações
Página em construção
Selos personalizados
Promoções
Botão de contato por meio do WhatsApp
Lazy load
Classes helper ou utilities
Mensagens de frete grátis a partir de um valor mínimo
Resultados de entrega e retirada
Mensagem informativa
Mensagem de envio gratuito na calculadora de envio
Loja com produtos digitais e / ou físicos
Imagem da loja ao compartilhar seu link
Informação de meios de pagamento e parcelas
Como aplicar CSS no checkout
Links do YouTube e TikTok
Discount API
Bloqueio de início de sessão depois de várias tentativas sem sucesso
Calculadora de frete
Validação de usuários registrados
Resultados de entrega e retirada
Cálculo de fretes internacionais
Notificação sobre o uso de cookies
Componentes privados
Link expirado ao ativar uma conta ou redefinir a senha de um usuário
FAQs
Imagens e banners
Como mostrar os logos dos meios de pagamento e envio no meu design?
Como carregar uma imagem configurável pelo usuário?
Como carrego uma imagem?
Como mostrar as fotos na pagina do produto?
Navegação e categorías de produtos
Como mostrar menus de navegação no meu layout?
Como implementar o scroll infinito?
Como mostrar a lista de produtos?
Como crio a paginação da lista de produtos?
Como carrego uma folha de estilos (CSS)?
Como carrego um javascript?
Como coloco os links de login, logout e minha conta?
Como definir produtos destacados?
Como crio outras seções de destaque?
Como mostro o preço no produto?
Hooks de Javascript
Selectores ID
Melhorando o carregamento das imagens e SVGs
Medindo a velocidade do seu site
Melhorando o carregamento do CSS
Melhorando o carregamento do Javascript
E-mails automáticos
5 mudanças de performance para os aplicativos
Como faço para corrigir imagens distorcidas no Google Chrome 121?
Home
Nosso código
Page.tpl
page
Objeto Page que representa a página atual.