検索結果ページのデザイン

Shopper Appの検索結果ページでは、ユーザーの検索クエリに一致する商品が表示されます。必要に応じて、検索結果ページのレイアウトや表示内容をカスタマイズし、より快適な検索体験を提供できます。

デザインを作成する

SHOPLINE管理画面から、アプリ > Shopper App > アプリデザインに移動し、デザインボタンをクリックしてデザインエディタにアクセスします。上部のドロップダウンメニューから、検索結果ページを選択します。

画面左側には、検索結果例という最初のコンポーネントがあり、ここで検索結果をテストしてプレビューすることができます。単純に検索語句を入力して、画面中央で結果を確認できます。検索体験を向上させるために、同義語やキーワードのリダイレクトの設定、検索結果での商品のプロモーションなどを行うには、この記事を参照してください。

現在、検索結果ページに掲示板を追加することができます。掲示板はページの上部に表示されます。ホームページの掲示板と同期させるか、別途設定するかを選択できます。

• ホームページの掲示板から同期：掲示板に変更を加えることはできません。
• 独自に設定：テキスト、色、表示スタイルを編集し、必要に応じてリリース時間をスケジュール設定できます。掲示板には最大3つのお知らせを掲載できます。お知らせは削除できませんが、必要に応じて非表示にしたり編集したりできます。

デザインを公開する

編集を完了し、プレビューですべてが正しく表示されていることを確認したら、右上隅の適用ボタンをクリックしてデザインをアプリに公開します。公開を保留したい場合は、編集内容を保持するために保存をクリックできます。