RuffRuff 目次作成 ヘルプセンター

thumbnail

目次が表示されない

有効化、テーマへの追加、見出し、プラン、非表示設定の順に確認します

目次が表示されない場合は、まずアプリが有効か、テーマにアプリブロックまたは埋め込みアプリがあるか、本文に対象の見出しがあるかを確認してください。

  • アプリの状態: ホーム右上に「アプリを有効にする」がある場合は、アプリが無効です。無効の間は、ストアフロントに目次は表示されません。

  • テーマへの追加: 表示したいブログ記事、商品、ページ、またはコレクションのテンプレートに、「目次」アプリブロック、または以前のテーマでは埋め込みアプリがあるか確認してください。

  • 見出し: 本文(商品・コレクションは説明文)に、目次にする見出しがあるか確認してください。初期値は h2 と h3 です。

  • 確認しているページ: 商品・ページ・コレクションで確認している場合は、Regular Planかを確認してください。

  • 直前の変更: テーマを切り替えた直後か、メタフィールド table_of_contents.hidden に 1 を入れた直後かを確認してください。

原因: ホーム右上に「アプリを有効にする」がある場合は、アプリが無効です。無効にしている間は、ストアフロントに目次は表示されません。

対処: 「アプリを有効にする」を選択してください。選択すると、ボタンは「アプリを無効にする」に変わります。

表示したい公開ページをオンラインストアで開き、目次が出ることを確認してください。

原因: 目次は、対象テンプレートの「目次」アプリブロック、または以前のテーマの埋め込みアプリから表示されます。追加していない場合、本文に見出しがあっても目次は表示されません。テーマを切り替えたあとは、新しいテーマの対象テンプレートへ追加し直す必要があります。

対処: テーマエディタで、表示したいブログ記事、商品、ページ、またはコレクションのテンプレートを開いてください。「目次」アプリブロック、または以前のテーマでは埋め込みアプリがあることを確認します。ない場合は追加して「保存」してください。

追加方法は、次の記事を確認してください。

アプリブロックや埋め込みアプリ自体がテーマエディタに出ない場合は、埋め込みアプリやアプリブロックが表示されないを確認してください。

原因: 1ページに目次が2つ以上あるとき(アプリブロックと埋め込みアプリの両方がオンなど)、ページの先頭に近い1つだけを残し、ほかは削除します。意図した位置とは異なる目次が残ることがあります。

対処: Online Store 2.0対応テーマでは、埋め込みアプリをオフにし、アプリブロックだけを使ってください。

原因: 目次は、ブログ記事・商品・ページ・コレクションの本文(商品・コレクションは説明文)の見出しから作ります。見出し書式を使っていない場合、目次は表示されません。テーマのセクションで追加した見出しは対象になりません。選んだ見出しがページに1つもない場合も、目次は表示されません。

対処: 本文のリッチテキストで、目次にしたい見出しを設定してください。初期値は h2 と h3 です。

原因: 「目次のカスタマイズ」の「利用する見出し」が、本文で使っているレベルと一致していないと、目次は表示されません。本文が h2 だけのときに h3 だけを選んでいると、目次は表示されません。初期値は h2 と h3 です。

対処: アプリ内メニューの「目次のカスタマイズ」を開き、「利用する見出し」を本文のレベルに合わせて「保存」してください。設定項目は目次のカスタマイズの設定項目を確認してください。

原因: 商品、ページ、コレクションへの表示はRegular Planで利用できます。Free PlanとLight Planでは、ブログ記事のみ表示できます。

対処: 商品・ページ・コレクションに目次を表示する場合はRegular Planを利用し、対象テンプレートにアプリブロックまたは埋め込みアプリを追加してください。プランの内容は料金プランの違いを確認してください。

原因: メタフィールド table_of_contents.hidden の値が 1 のブログ記事・商品・ページ・コレクションでは、目次を表示しません。

対処: 対象コンテンツの値を消すか 0 にして「保存」してください。設定方法は特定のコンテンツで目次を非表示を確認してください。

原因: 表示位置が「class名を指定」のとき、その class を持つ要素が見つからない場合は、目次を非表示にはしません。アプリブロックまたは埋め込みアプリの位置のまま表示されます。目次が「ない」のではなく、移動していないことがあります。

対処: ページ上のアプリブロックまたは埋め込みアプリの位置を確認してください。指定した位置へ移したい場合は、class 名を見直してください。指定方法はclass名を指定して目次を表示を確認してください。

対象の公開ページをオンラインストアで開き、設定した表示位置に目次が表示されれば完了です。

上記を確認しても解決しない場合は、お問い合わせフォームからお問い合わせください。

お問い合わせ時は、次の情報をお知らせください。

  • 対象ストアのmyshopify.comドメイン

  • 表示したいページのURL

  • 使用しているテーマ名

  • 確認済みの項目