移動用[手順公開]Shopifyでアプリを使って絞り込み検索を取り入れよう2022年12月28日こんな方におすすめShopifyの商品を色やサイズなどで検索できるようにしたい商品を絞り込む機能が欲しい↓絞り込み検索機能はこんな感じのものになります。(ABC-MARTより)絞り込み検索をつけるべきストア自分のストアに絞り込み検索は必要なのかな?そう考える方もいると思います。次のようなストアには絞り込み検索がオススメです。商品数が多いところ(50商品以上)└商品数が多くなると、目的の商品を探すのがストレスになってしまうため、見つけやすいように絞り込み検索を導入すべきです商品の要素が多いところ└カラーやサイズ、メーカーなど商品の種類が多いストアも、絞り込み検索を導入することでお客様がお目当ての商品をすぐに発見することができます。Tools」が提供している複数のアプリが一つにまとまったアプリです。商品を絞り込んだり、商品にタグを一括で付けたり、売り切れの商品の表示を停止したり、と様々な機能があります。Tools」という商品を絞り込み検索が出来るのを紹介します。料金は、14日間の無料期間の後、月額15.99ドルで使うことの出来るアプリです。このアプリは全てのテーマに使えるわけではなく、下記写真に該当するテーマしか使うことが出来ないため、使用前に必ず確認をしてください。(インストール後、もし自分のテーマが該当していなかったとしても14日以内にアプリを削除すれば料金は発生しません。)アプリのインストール方法アプリのインストールは下記リンクを参考にインストールしてください。下の画像のようなアイコンです。...続きを見るアプリを使ってみようインストール後、下の写真のような画面に移動します。Continue」をクリックしてください。続いて、下の写真の画面に移動します。テーマにアプリをインストールしようそれではまずテーマにインストールしましょう。Installer」をクリックしてください。下の画像のような画面が出てきます。MENU」という青色のものをクリックしてください。自分の使っている(使う予定の)テーマを選択してください。私の場合はDebutを使っているため、それを選択します。緑色のボタンの「(テーマ名)installer」をクリックしてください。先ほども説明しましたが、このページの下のリストはこのアプリをインストールすることが可能なテーマです。下のような画面が出てくるので、バックアップも同時に生成できる一番上を選択しましょう。インストール完了後、下の画面が出てきます。ここで青い線で引いてあるように、絞り込みのタイトルを埋め込む方法が記述されていますが、やや難しい内容になるため、番外編(ページ下部)にて説明します。以上でテーマにインストールするのは完了です。Group」をクリックします。下の画面が出てくると思うので、今回は「Color」の絞り込みを作ってみます。タイトルに[color]、下のところは[Variant]を選択します。ここのタイトルは実際にショップや管理画面に表示するタイトルです絞り込みのタイトルを記入します。次の画面で指定するタイトルによって自動的に絞り込みの種類が作成されます。私は、商品の色のオプションの名前を「色」とつけたので色と入力します。することでShopify側で「色」という名前のオプションのものが自動で追加されます。Update」を押して完了です。このように自動で追加されました。ショップのコレクション画面に移動すると左のサイドバーに絞り込み検索の機能がついているのを確認することが出来ます。以上でこのアプリの簡単な使い方は終わります。サポートについてこのアプリは複雑な要素が多いため、設定に戸惑う方も多いと思います。そんな時は直接サポートに連絡を取ってみましょう。Nowの解説を終了します。今回の記事に関して、質問やご意見ございましたら下記問い合わせフォームよりご連絡ください。CODEではShopifyの修正を引き受けます。Shopifyのアプリやテーマのカスタマイズ、商品画像の作成など、Shopifyのあらゆる修正を引き受けています。themeフォルダのcollection.liquidを選択します。その中に下記コードのようなものがあると思います。%}これは、sectionフォルダの中の[collection-template.liquid]というファイルを読み込んでいるよ、と言う内容になります。そのため、sectionフォルダの中の[collection-template.liquid]というファイルを開くと、下の画像のように<h2>で囲われた部分があると思います。