À propos

Voici un exemple de composant affichant une facette personnalisée sous forme de groupe de boutons radio. Chaque option sélectionnée dirige l'utilisateur vers l'onglet suivant, tout en filtrant les résultats. À la fin du parcours utilisateur, les résultats affinés sont affichés avec les filtres précédemment sélectionnés.

Considérations préalables au déploiement

• Remplacez AppId, la clé searchApi et le nom de l'index dans composants/page-résultats.js
• Remplacez les noms des attributs pour lesquels vous souhaitez afficher des options dans index.html  ainsi que les en-têtes d'onglets, etc.
• Remplacez les propriétés de hit dans le templates/result-hit.js
• Assurez-vous que le tabMapping Cette variable contient la correspondance correcte pour changer d'onglet lors de la sélection d'une valeur de facette. Elle peut être modifiée pour un bouton qui déclenche un comportement similaire pour avancer dans le flux, si chaque section contient plusieurs facettes.

Déploiement

• Exécutez la commande npm run install pour installer les dépendances.
• Exécutez la commande npm run start pour voir à quoi ressemble l'interface de recherche guidée personnalisée.

Dépendances

Ce dépôt d'exemple utilise Tailwindcss et Flowbite en plus des dépendances InstantSearch.