Le Widget Listing est un composant interactif conçu pour être intégré facilement sur n’importe quel site web, quelle que soit sa structure. Il permet d’afficher et de naviguer dans différents types d’offres.
Il offre les fonctionnalités suivantes :
Affichage flexible : possibilité de présenter les contenus sous forme de liste ou de carte, avec une configuration simple pour chaque type d’offre.
Filtrage dynamique : l’utilisateur peut sélectionner des catégories, types d’événements ou options spécifiques pour affiner les résultats.
Pagination : navigation simple entre les pages, avec indication claire de la page en cours et du nombre total de résultats.
Compteurs et informations : chaque vue affiche les détails essentiels pour chaque contenu : nom, description, image, localisation, prix, services, etc.
Pop-in et détails : en cliquant sur un élément, une pop-in s’ouvre avec toutes les informations détaillées et un bouton “Réserver” si applicable.
Mode prévisualisation : en back-office, le widget permet de visualiser le rendu avant publication.
Adaptation mobile : responsive, interactions optimisées pour smartphones et tablettes.
Générateur en ligne : outil permettant de configurer et générer le widget de manière autonome, avec aperçu en temps réel et code HTML prêt à intégrer.
Objectif en bref :
Fournir une interface claire et intuitive pour explorer facilement les contenus d’un site web, tout en restant flexible, portable et intégrable sur n’importe quelle plateforme.
Le projet est développé principalement sur WordPress, avec des Custom Post Types pour gérer les différents types de contenus et Advanced Custom Fields (ACF) pour stocker les informations détaillées de chaque item.
Le frontend est entièrement en JavaScript moderne (ES6 modules), structuré en modules séparés pour le rendu des cartes, la pagination et la configuration globale. Les requêtes sont effectuées via la Fetch API, en s’appuyant sur l’API REST de WordPress et FacetWP pour récupérer les contenus filtrés.
L’ensemble du code est conçu pour être modulaire et maintenable, avec une séparation claire entre logique de rendu, interactions utilisateur et récupération des données.
