Pular para o conteúdo
GloboGlobo Docs
Instalar app
Português (Brasil)

Editar um item de menu

Altere o título, o link, o ícone, as cores, o selo, o submenu e a visibilidade de um item, ou duplique, mova e exclua o item.

Referência Todos os planos 4 min de leitura

Cada item tem as próprias configurações no painel Editar item, que substituem o design geral do menu apenas para aquele item.

Abrir as configurações do item

  1. Clique em Editar item

    Passe o mouse sobre o item na pré-visualização ou na árvore de Elementos e clique em Editar item (o ícone de lápis) (1). O painel abre à esquerda (2).

    (1) Clique em Editar item, (2) as configurações do item abrem à esquerda

  2. Altere as configurações

    Use as seções abaixo. Clique em ‹ ao lado de Editar item para voltar à árvore.

  3. Salve e publique

    Clique em Salvar e depois em Publicar.

Geral

Ícone
Um ícone antes do título: Selecionar ícone da biblioteca ou Enviar ícone para a sua própria imagem. Veja Adicionar um ícone a um item de menu.
Título
O texto exibido no menu (até 100 caracteres).
Link
Para onde o item leva: escolha uma página da loja ou cole uma URL. Abrir em nova aba e, para coleções, Filtrar coleção por tags (opcional) aparecem abaixo dele. Veja Para onde você pode vincular e Opções do link.
Descrição
Uma linha curta sob o título. Deixe vazia para ocultá-la.

Cor

Faça um item se destacar, como um item Promoções em vermelho. As cores do item fazem parte do recurso Destaque; em outros planos, os campos ficam desativados com um link para fazer upgrade.

Cor do textoPadrão: #FFFFFF00Pro
A cor do texto do item.
Cor de fundoPadrão: #FFFFFF00Pro
O fundo do item.
Hover text colorPadrão: #FFFFFF00Pro
A cor do texto ao passar o mouse.
Hover background colorPadrão: #FFFFFF00Pro
O fundo ao passar o mouse.

#FFFFFF00 é totalmente transparente, o que significa “use as cores normais do menu”. Limpar configurações redefine os quatro campos.

Selo

Um pequeno rótulo como Novo, Quente ou -50%. Ative o botão Selo para exibir as configurações dele; em itens de nível superior, o selo fica acima do título.

As configurações do Selo
Título do seloPro
O texto do selo, por exemplo New. O selo só aparece quando este campo não está vazio. Você pode traduzi-lo por idioma.
Cor do texto do seloPadrão: #FFFFFFPro
A cor do texto do selo (branco).
Cor de fundo do seloPadrão: #0693E3Pro
O fundo do selo (azul).
Um selo na barra de menu

Se o item tiver um submenu, altere aqui o Tipo, a Largura e alinhamento, o Alinhamento do conteúdo, a Cor de fundo e a Imagem de fundo dele. As opções dependem do tipo: veja Configurações do menu suspenso e Layout do painel do mega menu.

Visibilidade

Escolha quem vê o item e quando; você pode marcar mais de uma opção.

As configurações de Visibilidade
Ocultar no desktop
Somente no celular, por exemplo um link Ligue para nós.
Ocultar no celular
Somente no desktop, por exemplo um mega menu largo que não combina com telas pequenas.
Ocultar quando estiver logado
Somente visitantes, por exemplo Criar uma conta.
Mostrar somente quando estiver logado
Somente clientes conectados, por exemplo Atacado ou Meus pedidos.
Agendar publicação
Somente entre uma Data de início / Hora de início e uma Data de término / Hora de término (ou apenas uma delas). Os horários usam o fuso horário da sua loja; o término deve estar no futuro e depois do início. Veja Agendar menus e itens.

Avançado

Nome de classe extra
Sua própria classe CSS para o CSS personalizado. Informe-a sem o ponto, por exemplo sale-item.

Duplicar, mover e excluir

  • Duplicar item — copia o item logo abaixo, incluindo todo o submenu dele.
  • Excluir item — remove o item e todos os submenus dele, depois que você confirma.
  • Move — arraste o item na árvore de Elementos e depois clique em Salvar e Publicar.

Esta página foi útil?

Relatar um problema