目次の表示方法は、アプリブロックと埋め込みアプリの2種類です。Online Store 2.0対応テーマではアプリブロック、以前のテーマでは埋め込みアプリを使用してください。
Online Store 2.0対応テーマではアプリブロック、以前のテーマでは埋め込みアプリを使います。
状況 | 使用する方法 |
|---|---|
Online Store 2.0対応テーマ | アプリブロック |
以前のテーマ | 埋め込みアプリ |
追加の手順は、「初期セットアップ」を確認してください。
テーマエディタで「目次」アプリブロックを追加する方法です。セクションまたはブロックとして位置を変更できます。テーマのファイルは追加されません。
アプリブロックの名前は「目次」です。下に「Table of Contents」と表示されます。ブログ記事への表示はすべてのプラン、商品・ページ・コレクションへの表示はRegular Planで利用できます。
テンプレート | アプリブロック名 | 必要なプラン |
|---|---|---|
ブログ記事 | 目次 | すべてのプラン |
商品 | 目次 | Regular Plan |
ページ | 目次 | Regular Plan |
コレクション | 目次 | Regular Plan |
ホーム画面の「アプリブロックを追加する」からテーマエディタを開くと、対象テンプレートにアプリブロックを追加できます。トップページ、ブログ一覧などのテンプレートには追加できません。
テーマエディタで「目次」ブロックを選ぶと、右側にブロックの設定(「カスタムLiquid」「テキスト」)が出ます。これらの設定はLight Plan以上で反映されます。
テーマエディタの「埋め込みアプリ」から有効にする方法です。以前のテーマでは、この方法で目次を表示します。以前のテーマでも、ホームの「アプリブロックを追加する」から埋め込みアプリの画面を開けます。
埋め込みアプリの名前とプランは次のとおりです。商品・ページ・コレクション用はRegular Planのときだけ使えます。
テンプレート | 埋め込みアプリ名 | 必要なプラン |
|---|---|---|
ブログ記事 | ブログ記事 (以前のテーマ用) | すべてのプラン |
商品 | 商品 (以前のテーマ用) | Regular Plan |
ページ | ページ (以前のテーマ用) | Regular Plan |
コレクション | コレクション (以前のテーマ用) | Regular Plan |
テーマエディタで「ブログ記事 (以前のテーマ用)」を有効にすると、プレビューに目次が出ます。目次の上の青いメッセージは、テーマエディタ上でのみ表示されます。
1ページに目次が2つ以上あるとき(アプリブロックと埋め込みアプリの両方がオンなど)は、ページの先頭に近い1つだけを残し、ほかは削除します。
注意: Online Store 2.0対応テーマでは、埋め込みアプリを無効にし、アプリブロックだけを使ってください。両方をオンにすると、意図した位置とは異なる目次が残ることがあります。
アプリの「目次のカスタマイズ」で、次の表示位置を選べます。初期値は「最初の見出しの上」です。
表示位置 | 内容 | 利用できるテーマ |
|---|---|---|
最初の見出しの上 | 「利用する見出し」で選んだ見出しのうち、最初の見出しの直前に表示します | すべての対応テーマ |
テーマエディタで指定 (Online Store 2.0専用) | アプリブロックを置いた位置のまま表示します | Online Store 2.0対応テーマ |
class名を指定 | 指定したclass名を持つ最初の要素の先頭に表示します | すべての対応テーマ |
表示位置が「class名を指定」のとき、同じclass名が複数ある場合は最初の箇所だけが対象です。指定したclass名の要素が見つからない場合、目次は非表示にならず、アプリブロックまたは埋め込みアプリの位置に表示されます。
class名の指定方法は、「class名を指定して目次を表示」を確認してください。