Adicionar um ícone a um item de menu

Guia prático Todos os planos 2 min de leitura

Os ícones ajudam os clientes a percorrer o menu mais depressa — uma chama ao lado de Sale, ou um pequeno logótipo ao lado de uma marca.

Adicionar um ícone

1. Abra o item

   Passe o rato sobre o item na pré-visualização e clique em Edit Item (editar item) (1). As definições do item abrem-se à esquerda (2), com Icon (ícone) no topo.

   

   (1) Clique em Edit Item, (2) as definições do item abrem-se à esquerda, com Icon no topo

2. Escolha o ícone

   Escolha um da biblioteca ou carregue a sua própria imagem.

   Select icon
   1. Clique em Select icon (selecionar ícone) e pesquise, por exemplo heart ou truck.
   2. Clique no ícone. É adicionado de imediato e usa a cor do texto do item.
   Upload icon
   1. Clique em Upload icon (carregar ícone). O painel Images (imagens) mostra as imagens que já carregou.
   2. Largue uma imagem na área de carregamento ou clique nela para escolher um ficheiro.
   3. Clique na imagem e, depois, em Select.

   

   Icon está no topo das definições do item: Select icon ou Upload icon.

3. Defina a largura do ícone

   Apenas para imagens carregadas — consulte Largura do ícone.

4. Guarde e publique

   Clique em Save e, depois, em Publish.

Nota

Carregue um PNG, JPG, WebP, GIF ou SVG quadrado com cerca de 60 × 60 px e 2 MB ou menos. Ficheiros maiores mostram The image may not be greater than 2MB. Please resize and reupload (a imagem não pode ter mais de 2 MB; redimensione-a e carregue-a novamente).

Largura do ícone

Auto

A imagem mantém o seu tamanho natural.

Custom

Um valor e uma unidade (%, px, em ou rem), por exemplo 24px.

Alterar ou remover

Clique em Change (alterar) na caixa Icon e, depois:

• Select icon — escolha outro ícone da biblioteca.
• Upload icon — use outra imagem.
• Remove (remover) — remove o ícone do item.

As imagens carregadas ficam no painel Images para voltar a usar. Para eliminar uma da biblioteca, selecione-a e clique em Delete.

Dicas

• Use um único estilo (contorno ou preenchido) e tamanho para todos os ícones de um menu.
• Se um ícone carregado parecer desfocado, carregue-o com o dobro do tamanho de apresentação (48 × 48 px para 24 px) e defina uma largura Custom.
• Use um ícone diferente por idioma no modo de tradução.

Páginas relacionadas

• Editar um item de menuAltere 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.
• Adicionar um item de menuAdicione um item de primeiro nível à barra de menu e ligue-o a uma página, coleção, produto ou URL.
• Traduzir um menuTraduza os itens de menu e os textos integrados do menu para todos os idiomas em que a sua loja vende.

Esta página foi útil?

Comunicar um problema