About ご利用ガイド

購入の一連の流れを段階（ステージ）ごとに説明する、About ページ向けのご利用ガイドです。「注文する前 → 配送 → 受け取り → 返品」のように、お客様が実際に進む順番でステージを並べます。各ステージへ移動するボタンも表示できます。

分類: Hellostore オリジナル

追加方法

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

設定

レイアウト: ご利用ガイド（初期値）はステージを縦に並べるガイド形式、3列カード はステージをカードにして並べます（パソコン・タブレットは3列、スマートフォンは1列）。3列カードでは目次ボタンを表示しません
小さな見出し: 見出しの上に小さく表示する文字です。英字は大文字で表示されます。空欄なら表示されません
見出し: セクションの見出しです
見出しのサイズ: 小・中（初期値）・大・特大・4L から選びます
テキストの配置: テーマ設定に合わせる（初期値）・左・中央・右から選びます
導入文: ガイド全体の導入となる説明文です（リッチテキスト）
目次ボタンを表示: レイアウトが「3列カード」以外のときだけ表示します。各ステージへ移動するボタンを並べ、見出しを入れたステージが2つ以上あるときに出ます（既定 ON）
結びのテキスト: 全ステージの後に置く締めの文章です（リッチテキスト）
結びのリンクラベル: ボタンに表示する文字です。文字とリンク先の両方を入れたときだけボタンが出ます（特定商取引法の表記やお問い合わせページへの誘導に使えます）
結びのリンク先: リンクラベルを入れたときだけ表示します。空欄の場合はボタンが出ません
枠線のボタンにする: リンクラベルとリンク先を両方入れたときだけ表示します。オンで枠線のボタン、オフで塗りのボタンです（既定 OFF）
配色: セクション全体の配色です
上: セクション上側の余白です（既定 36px、0〜100px）
下: セクション下側の余白です（既定 36px、0〜100px）

ブロック

ステージ（最大12）

ガイドの1段階です。テーマエディタで「ブロックを追加」から「ステージ」を選んで足します。ブロックの並び順がそのまま表示順になります。

小さな見出し: ステージ番号の下に小さく表示する文字です（例: SHIPPING）。英字は大文字で表示されます
ステージ見出し: この段階の見出しです（例: 配送について）
リード文: 本文の前に表示する、短い要約の文です
ステージ本文: この段階の詳しい説明です（リッチテキスト）