Compre o Tema Flex na Nuvemshop
Comprar Agora
Flex Nuvemshop
  • Base de conhecimento TemaFlex
  • Sobre o Flex
    • ▶️Treinamento em Vídeo
    • 📙Manual e suporte
    • 📥Contratação e recomendações
    • 🛠️Lista de Funcionalidades
    • ⚙️Log de mudanças e versões
    • ⏳Roadmap - Melhorias
    • 🎨Template Guide - Figma
    • ❓Dúvidas Frequentes
  • Personalizar Layout
    • Cores da sua marca
    • Tipo de Letra
    • Estilos de layout
    • Cabeçalho
      • Layout
      • Cores
      • Barra de anúncio
      • Barra de contatos
      • Logo
      • Barra de busca
      • Carrinho de compras
      • Menu principal
      • Menu para celulares
      • Menu de departamentos
      • Ícones nos menus
    • Página inicial
      • Banners rotativos
      • Categorias principais
      • Informações de frete, pagamento e compra
      • Produtos em destaque
      • Produtos novos
      • Produtos em oferta
      • Produtos em promoção
      • Produtos mais vendidos
      • Produtos com banner
      • Produto principal
      • Banners de categorias
      • Banner em destaque
      • Banners promocionais
      • Banners em grade
      • Marcas
      • Depoimentos
      • Postagens do instagram
      • Postagens do blog
      • Mensagem de boas vindas
      • Mensagem institucional
      • Vídeo
      • Menu adicional
      • Newsletter
      • Popup promocional
      • Ordem das seções
    • Página de categoria
      • Banner de topo
      • Banner de rodapé
      • Filtros e paginação
      • Produtos na lista
    • Item de produto
      • Estrutura
      • Foto do produto
      • Nome do produto
      • Preço do produto
      • Produto sem estoque
      • Botões
    • Página de produto
      • Cabeçalho
      • Informações do produto
      • Galeria de fotos
      • Opções de compra e pagamento
      • Guia de medidas
      • Formas de entrega
      • Informações sobre a compra
      • Campos personalizados
      • Selos personalizados
      • Termos de aceitação
    • Página Institucional
    • Carrinho de compras
      • Valor mínimo de compra
      • Carrinho de compra rápida
      • Formas de entrega
    • Rodapé da página
      • Layout
      • Cores
      • Logo
      • Inscrição para newsletter
      • Menus
      • Redes Sociais
      • Sobre nós
      • Atendimento
      • Formas de pagamento
      • Meios de envio
      • Segurança e certificações
      • Créditos da loja
    • Edição de CSS avançada
  • Minha Nuvemshop
    • Layout
      • Editar Logo e Favicon
      • Personalizar Layout
    • Páginas de Conteúdo
    • Barras de navegação
    • Informação de contato
  • Produtos
    • Cadastrando produtos
    • Categorias
  • Configurações Gerais
    • Meios de pagamento
    • Formas de entrega (Frete)
    • Domínio
  • Considerações Finais
    • Agora é com você!
Powered by GitBook

®2025. FlexCommerce. Todos os direitos reservados.

On this page

Was this helpful?

Export as PDF
  1. Personalizar Layout
  2. Item de produto

Estrutura

PreviousItem de produtoNextFoto do produto

Last updated 8 months ago

Was this helpful?

  1. Acesse o painel Nuvemshop e siga pelo caminho "Minha Nuvemshop > Personalizar layout".

  2. No menu lateral, clique em "Item de produto > Estrutura".

Na personalização de Estrutura do card, é possível ativar as seguintes configurações:

- Adicionar efeito de animação ao colocar o mouse: adiciona um leve movimento ao passar o mouse no card do produto.

- Usar a mesma altura para todos os itens: aplica a mesma altura para o card e seus itens.

- Remover bordas e espaçamentos do item: remove as linhas do card.

- Exibir campo de quantidade: adiciona um seletor de quantidade ao lado do botão comprar.

Importante!

O seletor de quantidade apenas será ativo caso o produto não possua variações.

- Usar estas cores: para utilizar cores específicas no card do produto, marque a opção "Usar estas cores".

Você pode configurar a Cor de fundo do card.

Variações

Nessa seção, você pode:

- Exibir variações de tamanho: habilita as variações de tamanho no card do produto.

- Exibir variações de cores: habilita as variações de cores no card do produto.

Etiquetas

Na edição das Etiquetas, é possível definir:

- Texto que vai ao lado do % de desconto: define o texto de apoio da tag de desconto (exemplo: 10% OFF, menos 10%).

- Posição da etiqueta: define se a tag será exibida antes ou depois.

- Exibir etiqueta de última unidade: habilita a opção de etiqueta de última peça em estoque.

Por último, clique em "Publicar Alterações" para finalizar.

Pronto! 🙌