SupaTalker ドキュメント
業種別コンテンツストア設定

ホームのレイアウト

ストアページのホームのセクションの並び順と表示スイッチ、プロモーションバナー・フォトギャラリー・商品リストのセクションの 3 種類の内容の設定

ストアページのホームは、いくつものセクションが上から順に並んでできています。このページでは、ストア設定のうちホームのレイアウトに関係する 4 つのセクションを説明します。

内容は各セクションで編集し、並び順と表示は「ホームのセクション順」で

  • ホームのセクション順:ホームのすべてのセクションを並べ、スイッチでどのセクションを表示するかを決めます
  • プロモーションバナー、フォトギャラリー、商品リストのセクション:この 3 種類のセクションの内容を編集します。追加したバナーと商品リストのセクションは、「ホームのセクション順」で位置を決めます
  • ほかのセクションの内容は別のところにあります。ブランド紹介は「基本情報」、ほかに「注文ルール」「クーポン」があります

すべての変更は、「保存 & プレビュー」で下書きとして保存し、「公開」を押すとお客様に表示されるストアページに反映されます。概要を参照してください。

ホームのセクション順

ホームのセクション順

各行がホームの 1 つのセクションで、セクションのタイトルと種類(プロモーションバナー、商品リストのセクション、フォトギャラリー、注文ルール、基本情報、クーポン)が表示されます。 プロモーションバナーと商品リストのセクションは 1 つずつ別の行になり、それぞれ別の位置に並べられます。

操作説明
左側のハンドルをドラッグホームでのセクションの上下の順番を変えます
右側のスイッチこのセクションをホームに表示するかどうか

「基本情報」のセクション(ブランド紹介)にはスイッチがなく、レイアウトも固定ですが、位置は同様に調整できます。

プロモーションバナー

プロモーションバナー

ホームの大きな画像のバナーで、最大 5 個まで設定できます。「バナーを追加」ボタンの括弧内は、現在の数と上限です。例:「4/5」。

各バナーは、折りたたまれているときはタイトルと概要(レイアウトのスタイル、タップ時のアクション)が表示されます。「展開」で内容を編集し、右側の削除アイコンでそのバナーを削除します。

項目説明
画像「画像ライブラリから選択」で、アップロード済みの画像を 1 枚選びます。1080×628(横長バナー)または 1080×781(メインビジュアル)、JPG または PNG を推奨します
レイアウトのスタイル横長バナー:テキストが左側、比率は約 1.72:1。メインビジュアル:テキストが下部、比率は約 1.38:1
メインタイトル、サブタイトルバナーに表示する文字
タップ時のアクションお客様がバナーをタップしたときの動作:アクションなし、タグへリンク、カテゴリへリンク、商品へリンク、URL へリンク、テキストメッセージをコピー。たとえば「タグへリンク」を選ぶと、下でリンク先のタグを選びます

画像ライブラリから選択

画像ライブラリから選択

アップロード済みの画像が一覧表示され、その中から 1 枚を選んで使います。ここでは新しい画像をアップロードできません。新しい画像は、先に画像管理でアップロードしてください。 フォトギャラリーの「画像ライブラリから写真を追加」や、基本情報のストアのロゴも、この画面で画像を選びます。

フォトギャラリー

フォトギャラリー

ホームのフォトセクションで、写真のセットと 1 つのレイアウトを組み合わせます。

項目説明
名前ホームのフォトセクションに表示されるタイトル
レイアウトのスタイル2 列均等:1 行に同じサイズの写真が 2 枚。モザイク:大きい写真と小さい写真を組み合わせ、最後の 1 枚は全幅。メイン+2 マス:左に大きい写真、右に小さい写真 2 枚
写真「画像ライブラリから写真を追加」で写真を選びます。ドラッグで写真の順番を変え、各写真の右上の削除アイコンでフォトギャラリーから外します

商品リストのセクション

商品リストのセクション

タグに応じて商品を自動で並べる横スクロールのリストで、最大 6 個まで設定できます。 タイトルを自由に付ければ、「今月の新商品」「在庫一掃セール」「お正月セット」のようなセクションを、商品を 1 つずつ選ばなくても作れます。

項目説明
セクションタイトルホームに表示されるセクションのタイトル
対象のタグタグを 1 つ選ぶと、そのタグが付いた商品が自動でこのセクションに並びます。右側に現在の商品数が表示されます

各セクションに表示される商品は最大 10 件です。タグの一覧は商品のタグ設定から取得されます。商品のタグは商品の編集ページで設定します。 右側の削除アイコンでこのセクションを削除します。

このページの内容