お店の紹介

About ページの冒頭に置くブランド紹介のヒーローセクションです。小さな見出し・大見出し・アクセントライン・紹介文に加え、送料無料の基準や最短出荷などの重要な数値を「数値ストリップ」として並べられます。

分類: Hellostore オリジナル

追加方法

同梱の About ページテンプレート（page.about）に、パンくずリストの下として最初から置かれています。 ほかのページに置くときは、テーマエディタ（管理画面の「オンラインストア → テーマ → カスタマイズ」）で「セクションを追加」から**「お店の紹介」**を選択します。どのページ種別にも追加できます（ヘッダー・フッターエリアを除く）。

設定

レイアウト: エディトリアル（初期値）は文章と画像を分けて置き、画像にコピーを重ねる は画像の上に見出し・アクセントライン・紹介文を重ねます。画像が未設定なら文字だけで表示します
テキストの配置: 標準（初期値）は、エディトリアルでは中央、画像にコピーを重ねるでは左です。左・中央・右 を選ぶと、見出し・アクセントライン・紹介文がそろって動きます
位置: レイアウトが「画像にコピーを重ねる」で、画像を設定したときだけ表示します。パソコン表示（幅750px以上）で、見出し・アクセントライン・紹介文のかたまりを、画像の左上・中央上・右上・左中央・中央・右中央・左下（初期値）・中央下・右下に置きます。スマートフォンでは、これまでどおり画像の下に重ねます。「テキストの配置」が標準のときだけ、位置に合わせて文字の左右も変わります。左・中央・右を選んだ場合は、そちらを優先します
小さな見出し: 見出しの上に小さく表示する文字です。英字は大文字で表示されます。空欄なら表示されません
見出し: ページでいちばん大きな見出しになります（既定: ABOUT）。このセクションは1ページに1つだけ置きます
見出しのサイズ: 小・中（初期値）・大・特大・4L から選びます
アクセントライン: 見出しの下に斜体で表示する一行です。空欄なら表示されません
ブランド紹介文: ページの導入となる紹介文です（リッチテキスト）
テキストスタイル: 紹介文の文字の見た目です。標準（初期値）は、このセクション専用の大きさです。本文・サブタイトル・大文字 を選ぶと、テーマ共通の文字スタイルになります
画像（任意）: 設定しなくても成立します。「位置」は画像を設定したときだけ表示します
画像比: ワイド（21:9）（初期値）・画像に合わせる・縦長（4:5）・正方形から選びます
画像の収め方: 枠いっぱいに表示（初期値）は端を切り抜いて埋め、全体を表示 は画像を切らずに収めます。レイアウトが「画像にコピーを重ねる」のときは、文字の後ろを写真で埋めるため常に切り抜きます（この設定は表示しません）
画像の代替テキスト: 画像を見られないお客様向けの説明です。空欄の場合は画像に保存された代替テキストを使います
配色: セクション全体の配色です
上: セクション上側の余白です（既定 36px、0〜100px）
下: セクション下側の余白です（既定 36px、0〜100px）

ブロック

数値（最大8）

紹介文（と画像）の後に並べて表示する「数値とその説明」の組です。パソコンでは4つずつ、スマートフォンでは2つずつ並びます。送料無料の基準・最短出荷・注文締切時刻など、お客様が知りたい実務的な数字を並べるのに使います。

値: 数値そのものです（例: ¥15,000）。
ラベル: 値の下に表示する短い説明です。