[Shopifyアプリ] 商品一覧で複数タグ絞り込みのAND検索、OR検索を実現する

2021年10月9日

今回紹介するのはShopifyで複数タグ絞り込みでAND検索やOR検索を実現する方法です。Shopifyのデフォルトテーマだと

そもそもテーマに絞り込みフィルター機能がついていない
細かい絞り込みの制御ができない

などの問題があります。

ただこの記事で紹介する方法を使うとAND検索やOR検索を実現することができます。

ちなみに具体的に使用するのは

「Product Filter & Search」

というアプリです。

商品一覧のフィルター機能を充実させるアプリ

Shopify product filter and search アプリ

https://apps.shopify.com/product-filter-search　

（Shopify公式アプリストア）

Product filter and search というアプリは非常に高機能のアプリで、商品一覧画面上で色々なことができます。

例えば下記サイトのようにタグごとにグループ分けして、複数タグで検索することも可能ですし、

https://www.fentonandfenton.com.au/collections/all

下記の様に色玉フィルターをつけたり、サイズ画像で絞り込みを行うことも可能になるのです！

https://boost-pfs-vertical.myshopify.com/collections/dresses

ある程度、商品数が多くなってくるとShopifyストア内で商品を探すのが大変になってきます。商品一覧ページに移動した後に３０ページくらい進まないと全商品見れない状況はあまり好ましくありません。

ちなみに具体的な設定方法は最後の方に動画を用意してありますので、そちらから設定進められます。

複数タグを使用してOR検索を実現する方法

まず最初にタグをOR検索で行う方法です。

例えば

タグAのみ（商品数60件）
タグBのみ（商品数40件）
タグAとタグBがつく（商品20件）

でフィルターしたときに

『タグA OR タグB が付く商品』（商品数120件）

が表示される様になる状態です。

つまり上記条件のすべての商品が表示されます。

この条件を商品一覧に適用する具体的な方法ですが「Product filter and search」アプリを入れるだけです！

デフォルトでOR検索が実装されているアプリなのでタグで絞り込む設定のみ行えば、その他は特殊な設定が必要ありません。（具体的な商品フィルターの設定方法はこの記事の一番最後に動画としてあります！）

複数タグを使用してAND検索を実現する方法

次にAND検索をする方法です。

先ほどと同じ下記の条件があったときに

タグAのみ（商品数60件）
タグBのみ（商品数40件）
タグAとタグBがつく（商品20件）

『タグA AND タグBの両方がつく商品』を表示する方法ですね。

OR検索だと、上記すべての商品が該当するので120件の商品が表示されます。一方でAND検索だと３つ目の『タグAとタグB』の商品20件のみが表示されることになります。

商品数が多いストアだとOR検索だけでは、商品を絞り込みきれない場合があります。せっかく絞り込んでも、まだ表示商品数が多いと顧客のストレスになってしまいます。なので、場合に応じてAND検索も使用していくのがおすすめです。

設定する方法としては、Product filter & search アプリをインストールした後に、下記手順で行います。

『Use AND conditionにチェックを入れる』

Shopify product filter and search AND検索

（Boost公式より引用）

以上AND検索の設定方法でした！

Product filter and searchアプリの初期設定方法

具体的なアプリの設定手順方法は下記動画を参考に。

①アプリをインストールする

商品一覧アプリ Shopify

https://apps.shopify.com/product-filter-search　

（Shopify公式アプリストア）

②テーマにインストールする

③フィルターを設定する

下記記事ももしよろしければ！

[Shopify App] Product Filter & Searchでフィルターや検索を充実させる