サイト内のキーワード検索につきまして

Topic summary

サイト内検索で「あいうえお」と入力すると、各文字(「あ」「い」「う」「え」「お」)を含む商品がすべて表示される問題が報告されました。

質問者の希望:

  • 「あいうえお」という単語全体に完全一致する商品のみを表示したい
  • 使用環境:テーマはDawn、アプリは未使用

提案された解決策:

Shopifyの検索仕様では、完全一致検索には検索語をダブルクォーテーション("あいうえお")で囲む必要があります。

実装方法として、JavaScriptを使用した2つのアプローチが提示されました:

  1. 入力フィールドの変化を監視し、自動的にダブルクォーテーションで囲む処理を追加
  2. 検索ボタンのクリック時にsubmitイベントに介入し、検索ワードをダブルクォーテーションで囲む

公式ヘルプドキュメントへのリンクも提供され、具体的な実装方法が示されました。

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.

サイト内のキーワード検索につきまして、

現在、キーワード検索で「あいうえお」と入力すると、「あ」「い」「う」「え」「お」の各文字を含む商品がすべて検索結果に表示されます。
このような検索ロジックではなく、「あいうえお」という単語に一致する商品のみを検索結果に表示するように変更することは可能でしょうか?

現在、アプリ等は使用しておらず、テーマはDawnを使用しています。

わかりづらい点がございましたらお声掛けください。

よろしくお願いいたします。

@hiroshi117

https://help.shopify.com/ja/manual/online-store/storefront-search/search-behavior

こちらを参照して回答いたします。

「あいうえお」という単語に一致する商品のみを検索結果に表示するように変更することは可能でしょうか?

こちらを実現したい場合は、

あいうえお

ではなく、

"あいうえお"

と検索する必要があります。

対応方法としては、JavaScriptで

  • キーワード検索の入力フィールドに変化があった場合に、ダブルコーテーションで文字が囲われていなければダブルコーテーションで文字を囲む処理を作る
  • もしくは、キーワード検索の決定ボタンをクリック時にsubmitイベントに介入して、検索ワードをダブルコーテーションで囲むようにする

のが簡単かと思います。

ご参考まで。

(キュー田辺)