Shopifyにおける部分一致検索に関する詳細は、こちらのブログをご覧ください。
部分一致検索は、アスタリスク * を使用することでサポートされています。例:cu* と入力すると、cup、cups などが見つかります。
この機能を検索用語のデフォルト動作にしたい場合は、JavaScript(ご指摘の通り)を使用して、入力フィールドから検索語にアスタリスクを追加する必要があります。
簡単で素早い方法としては、検索フォーム要素の onsubmit 属性に直接追加することです。
onsubmit="var s=$('input[type=search]');s.val(s.val()+'*')"
この変更は、サイドバーの検索フォームと検索ページの両方に適用する必要があります。理想的には、テーマのtheme.js.liquid にきれいにまとめると良いでしょう。
Shopifyで部分一致検索を行う別の方法としては、部分一致に対応した検索プラグインを使用することです。これにより、部分一致検索に加えて、検索の精度を高めるためのオートコンプリートやオートサジェスト機能も得られます。
アプリを使用してShopifyに検索ボックスを作成する方法
Shopifyのデフォルト検索は、せいぜい普通のものです。検索を使用する買い物客は意図を示すため、購入する可能性が高くなります。スマート検索アプリは、関連する結果を迅速に表示し、コンバージョンを大幅に向上させることができます。
ExpertrecのShopify検索ボックスアプリを使用する方法
- ExpertrecのShopify検索拡張機能をこちらからインストールします。
- 拡張機能をインストールすると、コントロールパネルにリダイレクトされ、検索エンジンを有効にするためのトグルが表示されます。
- アプリがインストールされると、検索結果ページでファセットとフィルターが追加された検索バーが表示されます。これにより、既存の検索ボックスに検索ドロップダウンも追加されます。
- これにより、デフォルトで部分一致検索がサポートされ、テーマのコードを変更する必要はありません。