絞り込みを検索・コレクション画面以外でも表示したい

ヘッダーの検索アイコンを押下し、

絞り込み検索のモーダルを表示する形を実装したいと考えております。

リアルタイムでフィルタリングされる必要はなく、GETで検索画面に遷移する形になるかと考えてます。

そのため、絞り込みのオブジェクトを検索・コレクション画面以外でも表示したいのですが、可能でしょうか?

https://shopify.dev/api/liquid/objects#filter

こちらを見る限り、search.filtersとcollection.filtersの2種しかないようです。

Hsuzuki 様

はじめまして、フルバランスのドウケです。

ご質問を確認いたしました。

任意のページで絞り込みできると便利ですよね。

Shopifyの標準機能であるsearch.jsonを使用されるのはいかがでしょうか。

①テーマのコード編集からtemplates配下にsearch.json.liquidを設置

{% layout none %}

{{ search.results | json }}

②〇〇.myshopify.com/search?q=検索ワード&type=product&view=json

にGETリクエストを送るとJSON形式でProduct情報が返ってきます。

(検索ワードは任意のものに変更してください。)

以下、参考サイトになります。

https://stackoverflow.com/questions/21310404/search-shopify-products-by-keyword-with-json-response

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

回答いただき、誠にありがとうございます。

また、お礼のお返事が遅くなり申し訳ございません。

貴重な情報いただきありがとうございます。

search.jsonを使って実装できないか、検証進めてみます。

ありがとうございました。