Nous contacter
lol lol lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem.

Recherche dynamique (AJAX)

Résultats en temps réel via WordPress AJAX + Timber. Fonctionne sur tous les post types publiés.

Démo — Recherche AJAX

Démo — Recherche WordPress native

Fichiers à déployer

  • functions.php — Ajouter le handler AJAX handle_live_search() et le wp_head qui injecte ajaxSearch
  • static/js/fonctions.js — Ajouter le bloc Recherche dynamique (écoute l'input, fetch AJAX, affiche les résultats)
  • templates/includes/card_search.twig — Template de chaque résultat (déjà présent)
  • scss/_menu.scss → compiler en static/css/style.css — Styles du dropdown résultats

Recherche modale (V3)

Un clic sur le bouton ouvre une modale centrée avec recherche AJAX intégrée.

Démo

Fichiers à déployer

  • base.twig — Ajouter le HTML de la modale avant </body>
  • static/js/fonctions.js — Ajouter le bloc Recherche modale
  • scss/_menu.scss → compiler — Styles de la modale

Trigger dans un template

<button data-search-modal-trigger>Rechercher</button>