2

プロジェクトに Algolia Instant Search を使用していますが、フィルタリングされたリクエストを送信する際に小さな問題があります。インスタント検索のサンプルページの 1 つを使用して、私がやりたいことの例を次に示します: https://community.algolia.com/instantsearch.js/examples/e-commerce/

このページでは、脇にすべてのフィルターがあり、メイン コンテンツ ブロックに製品があります。商品説明に、フィルターとして機能するキーワードへのリンクを横に付けたいと思います。例えば、まな板「LEGITIM」（一番左の商品）の場合、商品説明に「白」というキーワードがあります。このキーワードがリンクである場合、それをクリックすると、カラーピッカーの白い値をクリックするように動作することを望みます。

JQueryトリガー関数を使用しようとしましたが、うまく機能しますが、フィルターに実際に表示される値に対してのみです。私の例に従えば、白の値では問題ありませんが (これはカラー ピッカーで使用できるため)、黄色の値では機能しません。

誰かがこのことを解決するアイデアを持っていますか?

一番、

4

1 に答える 1

7

あなたができることは、次のようにalgoliasearch-helperを直接使用することです:

// bind the click event on the color name, then
$('.hits .color').click(function(ev) {
  var color = $(this).data('color'); // given you store the color somehwere in a data-color attribute
  search.helper.toggleRefinement('color', color); // search is your instantsearch instance
  search.helper.search();
});

これは非常に良いユースケースです。完全なガイドを作成します。その答えがあなたの問題の良い出発点であるかどうか教えてください。

于 2016-06-21T19:53:55.957 に答える