Pular para o conteúdo
GloboGlobo Docs
Instalar aplicação
Português (Portugal)

Ajustar as cores do menu

Defina as cores da barra de menu, dos submenus, dos separadores, das etiquetas de produto e do botão de adicionar ao carrinho.

Guia prático Todos os planos 3 min de leitura

As cores do separador Colors (cores) aplicam-se a todos os itens do menu, para que o possa adaptar à sua marca num único sítio.

Alterar uma cor

  1. Abra o separador Colors

    No editor de menu, clique no ícone do balde de tinta na barra lateral esquerda (1).

    Abra o separador Colors (1) e clique num campo de cor (2).

  2. Escolha uma cor

    Clique no campo ao lado de uma cor (2). Escolha uma cor ou escreva um código hexadecimal, como #FFFFFF.

  3. Verifique a pré-visualização

    Passe o rato sobre os itens na pré-visualização para verificar as cores ao passar o rato.

  4. Guarde e publique

    Clique em Save e, depois, em Publish.

Definições de cor

Background color
O fundo da barra de menu.
Hover background color
O fundo de um item de nível superior ao passar o rato ou enquanto o seu submenu está aberto.
Separator color
As linhas divisórias entre itens, visíveis quando Show divider on desktop ou Show divider on mobile está ativado em Menu settings.
Text color
O texto e os ícones dos itens de nível superior.
Hover text color
O texto e os ícones dos itens de nível superior ao passar o rato.

Menus pendentes, mega menus e o respetivo conteúdo.

Background color
O fundo do submenu.
Border color
O contorno do submenu, visível quando Show border está ativado em Menu settings.
Heading color
Os títulos dentro dos submenus, como os títulos das listas de ligações.
Text color
As ligações e o texto dentro dos submenus.
Hover text color
As ligações do submenu ao passar o rato.
Description color
O texto de descrição por baixo dos itens.
Hover description color
O texto de descrição ao passar o rato.

Tab menu

Heading color
Os nomes dos separadores.
Active heading color
O nome do separador selecionado.
Active background color
O fundo do separador selecionado.

Label

Etiquetas nos produtos apresentados no menu.

Sale text color · Sale background color
A etiqueta de promoção nos produtos com desconto.
Sold out text color · Sold out background color
A etiqueta de esgotado.

Add to cart button

Visível quando Show add to cart button está ativado em Menu settings > Advanced.

Text color · Hover text color
O texto do botão, normalmente e ao passar o rato.
Background color · Hover background color
O fundo do botão, normalmente e ao passar o rato.

Resolução de problemas

Os itens são difíceis de ler ou desaparecem ao passar o rato

Confirme que Text color contrasta com Background color e que Hover text color contrasta com Hover background color. Texto branco sobre um fundo branco ao passar o rato faz os itens desaparecerem.

Quero um item numa cor diferente

Use as definições de Color do próprio item (plano Pro Navigation), por exemplo para um item “Saldos” a vermelho. Consulte Editar um item de menu.

Esta página foi útil?

Comunicar um problema