アプリ上に検索バーの表示&商品情報などの検索条件の追加が可能です。
商品情報などの条件を追加したい場合は、Search and Discoveryでの設定が必要になります。Search and Discoveryをインストールしていない場合は、まずはこちらからインストールしてください。
検索条件は、Shopifyの商品管理画面上で設定できる以下項目より選択できます。
標準で「商品タイプ」「販売元」「商品タグ」「価格帯」「在庫有無」
商品オプション
商品メタフィールド
販売チャネル>Appify>テーマ>商品検索・検索条件>検索条件を設定する>フィルターを追加するより
以下を設定することで、検索バーが表示され、商品の検索か可能です。
Shopify管理画面>販売チャネル>Appify>テーマ>商品検索・検索条件の「トップページに検索バーを表示する」にチェック
検索対象>商品にチェック
1️⃣ Search & Discoveryで検索条件として表示したい項目を追加する
Search & Discovery > 絞り込み >絞り込みを追加 > ソースを追加 > 標準から選択
例)商品タイプ(Product type)
2️⃣ 検索の項目に設定したい値にチェックを入れる
タグのAND・OR条件
商品タグは選択項目を分けて複数選択した場合はOR条件となり、選択項目を分けずに複数選択した場合はAND条件となります。
例)
項目1
選択肢:tag1, tag2, tag3
項目2
選択肢:tagA, tagB, tagC
項目1
でtag1とtag2を選んだ場合、tag1, tag2の両方を持っている商品が絞り込みされます。項目1
でtag1を項目2
でtagAを選んだ場合、tag1かtagAのいずれかを持っている商品が絞り込みされます。
1️⃣ Search & Discoveryで検索条件として表示したい項目を追加する
Search & Discovery > 絞り込み >絞り込みを追加 > ソースを追加 > 設定したい商品オプションを選択
例)Size(オプションのラベルを選択)
2️⃣ 1で作成したフィルター(絞り込み)をAppifyの商品検索・検索条件で作成する
Appify > テーマ > 商品検索・検索条件 > 検索条件を設定する > フィルターを追加する
1️⃣ 検索条件として作成したい項目のメタフィールドを作成する
設定 > カスタムデータ > 商品 > 定義を追加する
検索フィルタで対応しているメタフィールドのタイプ
number_integer(整数)
number_decimal(小数)
single_line_text_field(単一テキスト)
1つの値のみ
boolean
trueまたはfalse
例)商品の状態
2️⃣ 1で作成した商品メタフィールドをソースにSearch & Discoveryで絞り込みを作成する
Shopify Search & Discovery > 絞り込み > 絞り込みを追加 > ソースを追加 > 追加したい商品のメタフィールドまたはカテゴリーのメタフィールドを選択
1️⃣ Appify > テーマ > 商品検索・検索条件 > 検索条件を設定する > フィルターを追加する
2️⃣ 表示名とオプションの種類を入力して表示したい選択肢を追加
「商品タイプ」「販売元」「カテゴリー」「商品タグ」「価格」「在庫有無」で設定した場合
モバイルアプリ上での表示
「商品オプション」で設定した場合
モバイルアプリ上での表示
「商品メタフィールド」で設定した場合
モバイルアプリ上での表示