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

Editar um item de menu

Altere o título, a ligação, o ícone, as cores, a etiqueta, o submenu e a visibilidade de um item, ou duplique-o, mova-o e elimine-o.

Referência Todos os planos 4 min de leitura

Cada item tem as suas próprias definições no painel Edit Item (editar item), que substituem o design de todo o menu apenas para esse item.

Abrir as definições do item

  1. Clique em Edit Item

    Passe o rato sobre o item na pré-visualização ou na árvore Elements (elementos) e clique em Edit Item (o ícone de lápis) (1). O painel abre-se à esquerda (2).

    (1) Clique em Edit Item, (2) as definições do item abrem-se à esquerda
  2. Altere as definições

    Use as secções abaixo. Clique em ‹ ao lado de Edit Item para voltar à árvore.

  3. Guarde e publique

    Clique em Save e, depois, em Publish.

Geral

Icon
Um ícone antes do título: Select icon (selecionar ícone) da biblioteca ou Upload icon (carregar ícone) para usar a sua própria imagem. Consulte Adicionar um ícone a um item de menu.
Title
O texto apresentado no menu (até 100 caracteres).
Link
Para onde o item leva: escolha uma página da loja ou cole um URL. Open in new tab (abrir num novo separador) e, para coleções, Filter collection with tags (optional) (filtrar a coleção por etiquetas) aparecem por baixo. Consulte Para onde pode ligar e Opções da ligação.
Description
Uma linha curta por baixo do título. Deixe vazio para a ocultar.

Cor

Destaque um item, como um item Sale a vermelho. As cores do item fazem parte da funcionalidade Highlight (destaque); nos outros planos, os campos estão desativados, com uma ligação para mudar para um plano superior.

Text colorPredefinição: #FFFFFF00Pro
A cor do texto do item.
Background colorPredefinição: #FFFFFF00Pro
O fundo do item.
Hover text colorPredefinição: #FFFFFF00Pro
A cor do texto ao passar o rato.
Hover background colorPredefinição: #FFFFFF00Pro
O fundo ao passar o rato.

#FFFFFF00 é totalmente transparente, ou seja, “usar as cores normais do menu”. Clear settings (limpar definições) repõe as quatro.

Etiqueta

Um pequeno rótulo como New, Hot ou -50%. Ative o interruptor Badge (etiqueta) para ver as definições; nos itens de primeiro nível, a etiqueta fica por cima do título.

As definições de Badge
Badge titlePro
O texto da etiqueta, por exemplo New. A etiqueta só aparece quando este campo não está vazio. Pode traduzi-lo por idioma.
Badge text colorPredefinição: #FFFFFFPro
A cor do texto da etiqueta (branco).
Badge background colorPredefinição: #0693E3Pro
O fundo da etiqueta (azul).
Uma etiqueta na barra de menu

Se o item tiver um submenu, altere aqui o Type (tipo), Width + alignment (largura + alinhamento), Content alignment (alinhamento do conteúdo), Background color (cor de fundo) e Background image (imagem de fundo). As opções dependem do tipo: consulte Definições do menu pendente e Disposição do painel do mega menu.

Visibilidade

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

As definições de Visibility
Hide on desktop
Apenas no telemóvel, por exemplo uma ligação Call us.
Hide on mobile
Apenas no computador, por exemplo um mega menu largo que não se adequa a ecrãs pequenos.
Hide when logged in
Apenas visitantes, por exemplo Create an account.
Only show when logged in
Apenas clientes com sessão iniciada, por exemplo Wholesale ou My orders.
Schedule publishing
Apenas entre uma Start date / Start time (data / hora de início) e uma End date / End time (data / hora de fim), ou só uma delas. As horas usam o fuso horário da sua loja; o fim tem de ser no futuro e depois do início. Consulte Agendar menus e itens.

Avançado

Extra classname
A sua própria classe CSS para CSS personalizado. Introduza-a sem o ponto, por exemplo sale-item.

Duplicar, mover e eliminar

  • Duplicate Item (duplicar item) — copia o item logo abaixo, incluindo todo o seu submenu.
  • Delete Item (eliminar item) — remove o item e todos os seus submenus, depois de confirmar.
  • Mover — arraste o item na árvore Elements e, depois, clique em Save e Publish.

Esta página foi útil?

Comunicar um problema