Definições do menu
Altere o esquema, os elementos, a animação, o espaçamento e outras definições que se aplicam a todo o menu.
O separador Settings (definições) controla onde o menu aparece e o aspeto e comportamento de todos os seus itens. Para definir o estilo de um único item, use as definições desse item; consulte Editar um item de menu.
Abrir as definições
-
Abra o separador Settings
No Menu manager (gestor de menus), abra o menu e clique no ícone de roda dentada na barra lateral esquerda do editor. A pré-visualização é atualizada enquanto edita.
O ícone de roda dentada abre as definições do menu. -
Guarde e publique
Clique em Save e, depois, em Publish.
As predefinições abaixo são os valores com que um menu novo normalmente começa; algumas dependem do tema.
Definições
Position
- Automatically replace (substituir automaticamente)
- A aplicação encontra o menu principal do tema e substitui-o.
- Replace existing menu (substituir o menu existente)
- Escolha os menus do tema a substituir em Select your main menu e Select your mobile menu.
- Show menu on this CSS selector (mostrar o menu neste seletor CSS)
- Introduza o seletor da área em CSS selector of your main menu e CSS selector of your mobile menu. Use esta opção apenas se as opções acima não funcionarem no seu tema.
Cada opção é explicada passo a passo em Publicar um menu no tema.
Layout e Elements
- Orientation (orientação)
- Horizontal mostra os itens de primeiro nível numa linha. Vertical empilha-os numa coluna, como um menu lateral.
- Align (alinhar)
- Alinha os itens de primeiro nível à esquerda (Left), à direita (Right) ou ao centro (Center) na barra do menu.
- Menu max width (largura máxima do menu)
- Largura máxima do menu em px, por exemplo
1200. Vazio usa toda a largura disponível. - Show search box (mostrar a caixa de pesquisa)
- Adiciona ao menu um campo de pesquisa de produtos.
- Show divider on desktop (mostrar divisória no computador)
- Uma linha separadora entre os itens de primeiro nível no computador. Cor: Colors > Separator color.
- Show divider on mobile (mostrar divisória no telemóvel)
- Linhas separadoras entre os itens no menu para telemóvel.
- Show indicators (arrow down) (mostrar indicadores)
- Uma pequena seta ao lado dos itens que têm submenu.
Submenu
- Show border (mostrar contorno)
- Um contorno à volta dos submenus. Cor: Colors > Submenu > Border color.
- Enable scrollbar on desktop (ativar a barra de deslocamento no computador)
- Os clientes podem deslocar-se dentro de um submenu mais alto do que o ecrã, em vez de este ficar cortado.
- Enable scrollbar on mobile (ativar a barra de deslocamento no telemóvel)
- O mesmo, para o menu para telemóvel.
- Submenu max width (largura máxima do submenu)
- Largura máxima do submenu em px. Vazio usa a largura predefinida.
- Open style on mobile (estilo de abertura no telemóvel)
- Dropdown expande o submenu por baixo do item pai. Slide abre-o como um novo painel, com forma de voltar ao nível anterior.
Menu animation
- Trigger - Desktop (acionador no computador)
- Como os submenus abrem no computador: Hover, Click ou Click toggle.
- Trigger - Mobile (acionador no telemóvel)
- Como os submenus abrem no menu para telemóvel, com as mesmas três opções.
- Effect (efeito)
- A animação de abertura: Fade (desvanecer) ou Shift up (deslizar para cima).
- Transition speed (velocidade da transição)
- Duração da animação em ms, até 1500.
- Transition delay (atraso da transição)
- Espera antes de um submenu abrir ou fechar, em ms, até 1500. Com Hover, evita que os submenus abram por instantes quando o rato passa por cima.
Os acionadores:
- Hover: o submenu abre quando o rato passa por cima do item.
- Click: o primeiro clique ou toque abre o submenu; clicar novamente no item leva à respetiva ligação.
- Click toggle: cada clique abre ou fecha o submenu; o item pai nunca leva à respetiva ligação.
Account links
Atalhos para a conta do cliente que mudam consoante o estado de sessão do cliente. Todos estão desativados por predefinição. Ao ativar um, aparecem campos para o ícone e o título (por exemplo Login icon e Login title, para mudar “Login” para “Iniciar sessão”).
- Show login link (mostrar ligação para iniciar sessão)
- Aparece quando o cliente não tem sessão iniciada.
- Show register link (mostrar ligação de registo)
- Uma ligação para criar uma conta. Aparece quando o cliente não tem sessão iniciada.
- Show account link (mostrar ligação da conta)
- Uma ligação para a página de conta do cliente. Aparece quando o cliente tem sessão iniciada.
- Show logout link (mostrar ligação para terminar sessão)
- Aparece quando o cliente tem sessão iniciada.
Spacing
Arraste o controlo de deslize ou escreva um valor em px.
- Main menu padding (espaçamento do menu principal)
- Espaço horizontal de cada lado de todos os itens de primeiro nível.
- Main menu line height (altura da linha do menu principal)
- Altura da barra do menu de primeiro nível.
- Dropdown line height (altura da linha do menu pendente)
- Altura de cada linha num submenu pendente.
- Tab line height (altura da linha dos separadores)
- Altura de cada separador num menu com separadores.
- Link list line height (altura da linha da lista de ligações)
- Altura de cada ligação num bloco de lista de ligações.
Carousel
Aplica-se aos blocos que deslizam, como os carrosséis de produtos e o carrossel de imagens.
- Auto play (reprodução automática)
- Os diapositivos avançam sozinhos.
- Infinity loop (repetição infinita)
- Depois do último diapositivo, o carrossel recomeça a partir do primeiro.
Advanced
- Mobile menu when width less than (menu para telemóvel quando a largura for inferior a)
- Largura do ecrã em px abaixo da qual é usado o menu para telemóvel. Os ecrãs mais largos recebem o menu para computador.
- Hide submenu of linklist block (ocultar o submenu do bloco de lista de ligações)
- Apenas telemóvel. Recolhe as ligações por baixo de cada título de lista de ligações; os clientes tocam na seta do título para as expandir.
- Show add to cart button (mostrar o botão adicionar ao carrinho)
- Um botão para adicionar ao carrinho nos produtos dos blocos de produtos do menu. Cores: Colors > Add to cart button.
- Enable lazyload image (ativar o carregamento diferido de imagens)
- Carrega as imagens do menu apenas quando são necessárias, o que ajuda a velocidade da página. Recomendamos que o mantenha ativado.
Resolução de problemas
Tocar num item pai no telemóvel não abre a respetiva página
Com Trigger - Mobile definido como Click toggle, tocar num item pai apenas abre o submenu. Altere-o para Click ou adicione a página do item pai como primeira ligação dentro do submenu. Consulte Um item de menu não redireciona no telemóvel.
O menu para telemóvel não aparece num tablet ou num portátil pequeno
O menu para computador é usado em qualquer ecrã mais largo do que Mobile menu when width less than. Aumente esse valor.
Esta página foi útil?
Obrigado pelo seu feedback! Diga-nos o que faltou
Comunicar um problema