スマート検索：カスタム「検索結果なし」おすすめ商品の表示設定のカスタマイズ

顧客の検索結果が見つからなかった場合、「結果なし」ページのおすすめ商品機能が自動的に代替商品を表示し、顧客が閲覧を続けやすくし、コンバージョンを向上させます。おすすめ商品の表示方法は、見出し、商品リストのレイアウト、商品画像、商品タイトル、販売価格、割引バッジなどを含めてカスタマイズでき、ストア全体の見た目に合わせて調整できます。

このガイドでは、この機能を使用するための前提条件、関連設定へのアクセス方法と有効化手順、各表示設定とその効果について説明します。

「結果なし」おすすめ表示設定を使用するための前提条件

表示設定をカスタマイズする前に、以下を確認してください：

• このガイドで説明する表示カスタマイズオプションを使用するには、ストアがSHOPLINEのOS 2.1以降のテーマを使用している必要があります。

「結果なし」おすすめ表示設定へのアクセス方法

表示設定ページにアクセスするには：

1. SHOPLINE管理画面で、アプリ > スマート検索 > 検索設定に移動します。
2. 「結果なし」ページのおすすめ商品カードを見つけます。カードには現在のステータスが有効または期限切れとして表示されます。

3. カードの設定をクリックして、表示設定ページを開きます。

   

「結果なし」おすすめ機能の有効化

この機能を初めて使用する場合は、設定ページ上部の認証と有効化の手順を完了してください：

1. 開始前にプライバシー契約に同意してくださいにチェックを入れ、プライバシーポリシーを表示で内容を確認します。

   

2. 有効にするを切り替えて、ストアで機能をオンにします。

   

「結果が見つかりません」おすすめ商品の表示スタイルのカスタマイズ

機能が有効になると、以下の表示設定をカスタマイズできます。右側のライブプレビューは、各設定を調整するたびに更新されます。

見出しの配置のカスタマイズ

見出しセクションでは、見出しの配置を設定できます：

• 配置： 見出しの配置方法を選択します。オプションは左揃え、中央揃え（デフォルト）、右揃えです。

商品リストのレイアウトのカスタマイズ

商品リストセクションでは、異なるデバイスで1行あたりに表示するおすすめ商品の数を設定できます：

• PC版の列数： PC版で1行に表示する商品の数を設定します。範囲：1〜5（デフォルト：4）。
• モバイルの列数： モバイルで1行に表示する商品の数を設定します。範囲：1〜2（デフォルト：2）。

商品画像のアスペクト比とフィットのカスタマイズ

商品画像セクションでは、おすすめ商品の画像の表示方法を設定できます：

• アスペクト比： 商品画像の表示比率を選択します。オプションは1:1（デフォルト）、2:3、3:4、4:3です。
• 画像のフィット： 画像が枠内にどのように収まるかを選択します。オプションはカバー（デフォルト）とコンテインです。

商品画像の枠線のカスタマイズ

商品画像の枠線セクションでは、画像枠線の角の丸み、太さ、不透明度をカスタマイズできます：

• 半径: ボーダーの角の半径を設定します。範囲：0〜40px（デフォルト：0）。
• 太さ: ボーダーの太さを設定します。範囲：0〜12px（デフォルト：0）。
• 不透明度: ボーダーの不透明度を設定します。範囲：0〜100%（デフォルト：0）。

商品タイトル行数のカスタマイズ

商品タイトルセクションでは、PC版とモバイルで商品タイトルの表示を別々に設定できます：

• PC版で表示: PC版で商品タイトルをオンまたはオフにします（デフォルト：オン）。
  • PC版最大行数: PC版で表示がオンの場合、タイトルの表示行数を設定します。選択肢は1行表示（デフォルト）、2行表示、および全文表示です。
• モバイルで表示: モバイルで商品タイトルをオンまたはオフにします（デフォルト：オン）。
  • モバイル最大行数: モバイルで表示がオンの場合、タイトルの表示行数を設定します。選択肢は1行表示（デフォルト）、2行表示、および全文表示です。

クイック追加ボタンの有効化

クイック追加セクションでは、ユニークおすすめ商品のクイック追加を有効にできます：

• クイック追加ボタンを表示するを有効にする: 有効にすると、顧客は商品詳細ページを開かずに、商品カードから直接ユニークおすすめ商品をカートに追加できます（デフォルト：オン）。

商品価格表示のカスタマイズ

商品価格セクションでは、ユニークおすすめ商品の価格表示方法を設定できます：

• 価格を表示: 商品の販売価格をオンまたはオフにします（デフォルト：オン）。
  • 価格フォーマット: 価格を表示がオンの場合、価格の表示形式を設定します。選択肢は最低価格、最低価格から（デフォルト）、および価格帯です。
  • 定価を表示: 商品の定価（比較価格）をオンまたはオフにします（デフォルト：オン）。

割引バッジの表示カスタマイズ

割引バッジセクションでは、対象商品に対して割引バッジの表示方法を設定できます：

• 割引バッジを表示：割引バッジのオン・オフを切り替えます（デフォルト：オフ）。
  • バッジタイプ：割引バッジを表示がオンの場合、バッジタイプを設定します。選択肢にはセールバッジとセーブバッジ（デフォルト）があります。
  • データ形式：バッジタイプがセーブバッジに設定されている場合、バッジに表示するデータ形式を設定します。選択肢には割引金額（デフォルト）とパーセント割引があります。
  • 角丸：割引バッジの角の丸みを設定します。範囲：0～40px（デフォルト：0）。

「該当する結果がありません」推奨表示設定のプレビューと保存

表示設定のカスタマイズが完了したら、保存前に結果をプレビューできます：

1. 設定ページの右側にあるプレビューパネルで、PC版とモバイルの表示を切り替え、現在の設定がどのように表示されるかを確認します。

   

2. プレビューに満足したら、更新をクリックして設定を保存します。