サイズガイドの作り方

衣料品や靴など、サイズのある商品を売る店向けの手順です。Hellostore Theme では、サイズの情報を次の2か所で見せられます。両方を用意する必要はありません。店に合うものから始めてください。

見せる場所	向いている使い方	作り方
サイズガイドのページ	測り方やサイズの考え方を1ページにまとめる	下の「1. サイズガイドのページ」
商品ページの「実寸とフィット」ブロック	商品説明の中のサイズ表だけを、商品ページに折りたたんで見せる	下の「2. 商品ページの実寸とフィット」

1. サイズガイドのページ

測り方・サイズの選び方などを1ページにまとめる、普通のページです。

ノート

page.size-guide が入っているかどうかは、構成によって異なります。管理画面の ページ の編集画面で テンプレート の一覧を開き、page.size-guide が見当たらない場合は、このテーマには入っていません。その場合は、通常のページ（page）に測り方やサイズ表を書いて同じように使えます。

1. 管理画面の オンラインストア → ページ → ページを追加 を開きます
2. タイトル（例: 「サイズガイド」）と本文を書きます。本文には、測り方の説明やサイズ表を入れます
3. 右側の テンプレート で page.size-guide を選んで保存します

page.size-guide は、ページの上にパンくずリスト（「ホーム > サイズガイド」のような現在地の表示）が付き、その下にページの本文を表示するテンプレートです。サイズ表を自動で作る機能はありません。本文に書いた内容がそのまま表示されます。

作ったページの URL（例: /pages/size-guide）は、オンラインストア → メニュー でフッターなどのメニューに追加して案内できます。

2. 商品ページの実寸とフィット

商品ページの商品情報セクションに、**「実寸とフィット」**ブロックを追加します。商品説明の中から、サイズ表の部分だけを取り出して折りたたみで見せます。

1. テーマエディタで商品ページを開き、商品情報セクションの「ブロックを追加」から 「実寸とフィット」 を選びます
2. 元にする内容 に商品説明を接続します
3. 商品説明の、サイズ表の直前に区切りの文字列を入れます（例: <!-- size-chart -->）。表示の開始マーカー に同じ文字列を入力すると、その後ろだけが表示されます

設定の一覧と、商品説明から表を分けて見せる手順は 実寸とフィット（商品ページブロック） を参照してください。サイズ表はメタフィールドやメタオブジェクトを作らずに、商品説明に書いた内容がそのまま使われます。