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

外観

ストアページのレイアウトと配色。クラシックとカードの 2 つのレイアウト、プリセットの配色、各所の文字とアイコンの色の微調整

このセクションでは、ストアページのレイアウトと配色を設定します。

レイアウトは保存すると表示され、配色はすぐに表示される

  • レイアウトを変えたら、「保存 & プレビュー」を押すと、右側のプレビューが新しいレイアウトに切り替わります
  • 配色を調整すると、右側のプレビューにすぐ反映されますが、まだ保存されていません
  • どちらも「公開」を押すと、お客様に表示されるストアページが変わります。概要を参照してください

外観

レイアウト

クラシックとカードの 2 種類があり、ストアページの配置が変わります。

プリセットの配色

配色のセットを一度に適用します。上の段の 5 つは白背景、下の段の 5 つは黒背景です。 ストアページの背景色はここでしか切り替えられず、白背景か黒背景のどちらかを選びます。ほかに設定はありません。

「既定に戻す」で配色を既定の状態に戻します。

個別の色

個別の色

プリセットの配色を適用したあと、各所の色をさらに微調整できます。色のブロックを押して色を選びます。 色のブロックの横に「既定」と表示されている項目は、元の色のままです。

項目影響する場所
メインカラーメインボタンの背景色(カートに追加、注文の送信、カートの吹き出し)と、選択中のタブ、並べ替え、仕様のオプション、住所、クーポン、リンクの文字、注文完了のチェックマーク
メインカラー上の文字メインカラーのボタン上の文字とアイコン
文字一般の本文:商品名、説明、フォームの内容。見出し 1・見出し 2 を個別に設定していない場合も、この色になります
サブテキスト補足情報:販売数、在庫、ヒントの文字、未選択のタブ、検索ボックスのヒントの文字
見出し 1ストア名、各ページ上部のページ名(購入手続き、会員センター、注文履歴、注文の詳細)、ストア休業中のお知らせページのタイトル
見出し 2ホームの各セクションのタイトル、ページ内の小見出し、ポップアップパネルのタイトル(カートを含む)、カテゴリ名、商品ページの仕様の行名と「商品説明」
アイコン検索、会員、レイアウト切り替え、戻る、数量の増減、コピー、チャットなどの機能アイコン。並べ替えの価格の矢印、送料のトラック、カートボタン内のアイコンには影響しません。写真上の矢印は白で固定です

このページの内容