実寸とフィット(商品ページブロック)
商品説明などのコンテンツの中から特定のマーカー文字列より後ろの部分だけを取り出して折りたたんで表示する、商品ページの商品情報セクション用ブロックです。サイズ表を商品説明から分離して見せたいときに使います。AIへの質問入力欄を一緒に置けます。
テーマエディタ(管理画面の「オンラインストア → テーマ → カスタマイズ」)で商品ページを開き、商品情報セクションの「ブロックを追加」から**「実寸とフィット」**を選びます。セクションではなくブロックである点に注意してください。
このブロックは「商品情報」セクションのブロックです。どの商品テンプレートでも、そのテンプレートの「商品情報」セクションで「ブロックを追加」から足せます。同梱の product.focused と product.modern には最初から入っていないので、使うときは自分で追加します。
- 見出し: 折りたたみの見出しです(既定: 実寸とフィット)。
- アイコン: 見出しの左に表示するアイコンです(既定: 定規)。
- 元にする内容: 表示の元になる文章です。右の動的ソースボタンから**商品説明(product.description)**を接続できます。
- 表示の開始マーカー: この文字列より後ろだけを表示します。空欄なら全文を表示します。マーカーが元にする内容の中に見つからない場合も、全文を表示します。
- AIに質問する入力欄を表示: 折りたたみの上に入力欄を表示します(既定 ON)。AIチャットが使えるページでのみ表示されます。入力した質問はAIチャットに送られ、答えはチャットの画面に表示されます。
商品説明からサイズ表を分離する
Section titled “商品説明からサイズ表を分離する”商品説明の中のサイズ表だけを、このブロックで見せられます:
- 商品説明の、サイズ表の直前に区切りの文字列を入れます(例:
<!-- size-chart -->。説明文の中で1つだけの文字列にします) - このブロックの元にする内容に商品説明を接続し、表示の開始マーカーに同じ文字列を入力します
これで、区切りより後ろのサイズ表がこのブロックに表示されます。