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. Página inicial

Banners em grade

PreviousBanners promocionaisNextMarcas

Last updated 7 months ago

Was this helpful?

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

  2. No menu lateral, clique em "Página Inicial > Banners em grade".

Habilite a opção ''Usar estas cores para a seção'' para utilizar cores específicas.

Você pode configurar a Cor de fundo e a Cor do texto da seção.

Para configurar os Banners em grade, você deve se atentar aos tamanhos, pois os mesmos dependem da quantidade que deseja exibir.

Clique na quantidade de banners que deseja colocar para ser exibido as dimensões de cada banner de acordo com a sua composição.

Marque a caixa "Mostrar banner" para habilitar a sua exibição.

Clique em ''Selecionar imagem'' e faça o upload do banner que desejar.

- Título: configure o título do banner.

- Texto do botão: configure o texto do botão.

- Link: adicione um link para a seção.

É possível configurar até 4 banners diferentes.

Importante

Para que essa seção seja ativa na página inicial, é necessário que o módulo esteja configurado, em: Página inicial > Ordem das seções.

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

Pronto! 🙌

Escolha a quantidade para exibir as dimensões.