1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Cores".

As opções de seleção de cores são: - Cor de fundo: define a cor de fundo do cabeçalho da sua loja; - Cor dos textos: define a cor dos textos do cabeçalho; - Cor dos ícones: define a cor dos ícones do cabeçalho.

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

Pronto! 🙌

Confira os módulos de personalização do cabeçalho:

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Layout".

A seleção de estilo de layout do cabeçalho vai definir a organização dos elementos no topo da sua loja.

Atualmente, o Flex disponibiliza

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Menu de departamentos".

- Exibir menu de departamentos: ao ativar essa opção, será habilitado como primeiro item do menu principal um bloco de submenu com todas as categorias de produtos cadastradas.

- Escolha o menu: você deve selecionar um menu previamente cadastrado nas .

- Título: você poderá definir o título que será apresentado no item do menu principal.

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

Pronto! 🙌

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Menu principal".

- Escolher o menu principal: você deve selecionar um menu previamente cadastrado nas Barras de navegação.

- Cores: para utilizar cores específicas neste módulo, marque a opção "Usar estas cores". Caso a opção esteja desmarcada, independente das cores escolhidas, será utilizado por padrão as cores da sua marca.

Você pode configurar a Cor de fundo, Cor dos textos e Cor ao passar o mouse.

- Exibição do menu principal: você poderá optar entre Centralizado ou Alinhado ao conteúdo.

- Design do submenu: você poderá optar entre Cascata (menu aberto em cascata) ou Largura total (menu em largura total).

- Link em destaque: Você pode escolher um link para a página, categoria e ou produto que deseja destacar

No campo de link, insira a URL que deseja destacar. Em seguida, escolha cores contrastantes para dar mais destaque ao botão no menu.

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

Pronto! 🙌

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Barra de busca".

- Texto padrão da busca: você pode personalizar o texto que será exibido na barra de busca.

- Cores: para utilizar cores específicas na barra de busca, marque a opção usar estas cores. Caso a opção esteja desmarcada, independente das cores escolhidas, será utilizado por padrão as cores da sua marca.

Abaixo, você pode personalizar: Cor de fundo, Cor do texto, Cor do ícone e Cor da borda.

- Localização da busca em celulares: você pode ajustar a localização da barra de busca nas posições:

1. Abaixo da logo:

1. Ao lado do carrinho:

1. Dentro do menu:

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

Pronto! 🙌

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Barra de contatos".

- Exibir barra de contatos: quando essa opção estiver habilitada, a barra de contatos estará ativa, porém visível apenas em dispositivos desktop.

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Barra de anúncio".

Na funcionalidade de Barra de anúncio, você poderá exibir mensagens sobre promoções, produtos, regras de frete e novidades.

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Carrinho de compras".

- Ícone do carrinho: você pode escolher uma das opções de ícones listados para alterar no carrinho de compra.

Na opção "Personalizado"

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Logo".

Selecione uma das opções pré-definidas de tamanho para o logo no cabeçalho da sua loja, sendo: Pequeno, Médio ou Grande.

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Ícone nos menus".

- Exibir ícones no menu principal para computador: a exibição dos ícones no desktop é ativa.

- Exibir ícones no menu para celulares: a exibição dos ícones no mobile é ativa.

- Posição do ícone: você poderá definir se o ícone será exibido Acima ou Ao lado do texto no menu principal. No menu mobile e no menu de departamentos ele será exibido sempre ao lado do texto.

Clique em "Selecionar imagem" e faça o upload dos ícones.

Após cadastrar as imagens, clique no ícone de editar (lápis), para abrir as opções de configuração da imagem.

Adicione o link da categoria que você deseja para aquele ícone.

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

Pronto! 🙌

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Menu para celulares".

- Cores: para utilizar cores específicas neste módulo, marque a opção "Usar estas cores". Caso a opção esteja desmarcada, independente das cores escolhidas, será utilizado por padrão as cores da sua marca.

1. Acesse o painel Nuvemshop e siga pelo caminho "Loja Online > Layout > Editar layout".

2. No menu lateral, clique em "Cabeçalho > Conta de Usuário".

Clique em "Selecionar imagem" e faça o upload do ícone.