Über

Dies ist eine Beispielkomponente, die eine benutzerdefinierte Facette in Form einer Gruppe von Optionsfeldern anzeigt. Jede ausgewählte Option leitet den Benutzer zur nächsten Registerkarte weiter und filtert dabei die Ergebnisse. Am Ende des Benutzerablaufs werden die eingegrenzten Ergebnisse mit den zuvor ausgewählten Filtern angezeigt.

Überlegungen vor der Bereitstellung

• Ersetzen Sie „AppId“, den „searchApi“-Schlüssel und den Indexnamen in components/results-page.js
• Ersetzen Sie die Attributnamen, für die Sie Optionen anzeigen möchten, durch index.html  sowie Registerkartenüberschriften und so weiter.
• Hit-Eigenschaften in der templates/result-hit.js
• Stellen Sie sicher, dass die tabMapping Die Variable enthält die richtige Zuordnung für den Wechsel zwischen den Registerkarten bei Auswahl eines Facettenwerts. Diese kann für eine Schaltfläche geändert werden, die ein ähnliches Verhalten beim Weiterblättern im Ablauf auslöst, falls jeder Abschnitt mehrere Facetten enthält.

Bereitstellung

• Führen Sie „npm run install“ aus, um die Abhängigkeiten zu installieren.
• Führen Sie den Befehl „npm run start“ aus, um zu sehen, wie die benutzerdefinierte Oberfläche für die geführte Suche aussieht.

Abhängigkeiten

Dieses Beispiel-Repo nutzt neben den InstantSearch-Abhängigkeiten auch Tailwindcss und Flowbite.