Zoeken
Voeg een zoekpictogram toe aan de navigatiebalk dat een fullscreen zoekmodal opent, met ondersteuning voor realtime zoeken (AJAX).
Zoeken activeren
- Ga naar Menu Builder → Zoeken.
- Schakel de schakelaar Zoekpictogram tonen in.
- Kies de positie van het pictogram: aan het begin of einde van het menu.
- Sla het menu op.
Zoekmodal
Door op het vergrootglaspictogram te klikken, opent een gecentreerde zoekmodal met een semi-transparante achtergrond. Het zoekveld krijgt automatisch de focus. De bezoeker kan de modal sluiten door op Escape te drukken of buiten de modal te klikken.
Realtime zoeken
Activeer de optie Realtime AJAX-zoeken om direct resultaten te tonen terwijl de bezoeker typt. De resultaten verschijnen onder het zoekveld met de paginatitel, het inhoudstype en een fragment van de samenvatting.
Je kunt de inhoudstypen instellen waarin gezocht wordt (pagina's, berichten, WooCommerce-producten, aangepaste berichttypen) en het maximale aantal resultaten.
Stijl
- Achtergrondkleur van de overlay — bepaalt de transparantie van de donkere achtergrond.
- Kleur van het zoekveld — achtergrond, tekst en rand.
- Vervaageffect — past een
backdrop-filter: blur()toe op de achtergrond van de modal.