Busca

O Giuliomax Menu Builder oferece uma barra de busca integrada ao menu com três modos de exibição e suporte a busca em tempo real.

Modos de exibição

• Inline: a barra de busca é exibida diretamente na barra de navegação, ao lado dos itens de menu.
• Ícone com expansão: exibe apenas um ícone de lupa; ao clicar, a barra se expande horizontalmente.
• Overlay: ao clicar na lupa, uma sobreposição ocupa toda a tela com uma barra de busca centralizada.

Ativar a busca

Use o parâmetro search="true" no shortcode ou ative a opção Exibir busca no painel lateral do bloco Gutenberg.

Busca em tempo real

Com a busca em tempo real ativada, os resultados aparecem em um dropdown abaixo do campo enquanto o usuário digita, sem recarregar a página. Você pode configurar:

• Tipos de post: quais tipos de conteúdo incluir nos resultados (posts, páginas, produtos WooCommerce etc.).
• Número máximo de resultados: quantos itens exibir no dropdown.
• Exibir thumbnail: mostrar ou ocultar a imagem destacada nos resultados.
• Delay: tempo em milissegundos após o usuário parar de digitar antes de disparar a busca.

Acessibilidade

O campo de busca recebe o atributo role="search" e o label adequado via aria-label. O overlay fecha ao pressionar Esc e o foco retorna ao botão de lupa.