• Nosso código
  • Sobre o layout Base
  • Funcionalidades e FAQs
  • Baixar o layout Base
  • 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
        • Idiomas e moedas no cabeçalho
      • 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
        • Descontos progressivos
      • 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
        • Carrossel para itens de produtos em listagens
      • Carrinho de compras
        • Campos personalizados no carrinho
        • Descontos aplicados no resumo do carrinho
        • Carrinho de compras rápidas
        • Recomendações ao adicionar um produto ao carrinho de compras rápido
      • 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
      • Atualizar as variáveis 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
      • Blog
      • Cross selling
      • Desconto sobre preços
    • 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?
    • Layout Avançado
      • Settings.txt
      • Translations.txt
      • Twig e TPL
      • Layouts
      • Templates home
      • Home Slider
      • Sections
      • Exemplos
        • Separar produtos por cor na vitrine
  • Home

Funcionalidades e FAQs

Funcionalidades (78)

  • Navegação (5)

  • Página de inicio (10)

  • Detalhe do produto (18)

  • Lista de produtos (12)

  • Carrinho de compras (4)

  • See More

FAQs (23)

  • Imagens e banners (4)

  • Navegação e categorías de produtos (4)

  • Como carrego uma folha de estilos (CSS)?
  • Como carrego um javascript?
  • Como coloco os links de login, logout e minha conta?
  • See More

Layout Avançado (8)

  • Exemplos (1)

  • Settings.txt
  • Translations.txt
  • Twig e TPL
  • Layouts
  • See More

Articles

Introdução aos tutoriais
Nesta parte da documentação, encontramos tutoriais sobre como adicionar recursos específicos ao seu layout, como, por exemplo, um pop-up para assinatura de newsletter. É importante esclarecer que todos os artigos são baseados no código e na estrutu...

Loja online

  • Layouts
  • Aplicativos
  • Venda pela sua loja
  • Venda pelo Facebook
  • Venda pelo Instagram
  • Marketplaces
  • Nuvemshop para Empresas

Conteúdo

  • Universidade
  • Blog
  • E-books
  • NuvemCast
  • Histórias de clientes

Ecossistema

  • Nuvemshop Especialistas
  • Seja um parceiro

Institucional

  • Sobre a Nuvemshop
  • Trabalhe na Nuvemshop
  • Eventos

Atendimento

  • Ajuda
  • Comunidade
  • Perguntas frequentes
  • contato@nuvemshop.com.br

Melhor plataforma de e-commerce

Eleita em 2017 e 2019 pela ABCOMM

Siga-nos

  • nuvemshop
  • nuvemshop
  • @NuvemShop
  • company/nuvem-shop
  • NuvemShop

2007 - 2019 © Nuvemshop - Todos os direitos reservados.
Termos e condições. Políticas de privacidade.