RuffRuff 目次作成は、ブログ記事・商品・ページ・コレクションの本文見出しから目次を自動で作り、オンラインストアへ表示するShopifyアプリです。お客様が見出しを選ぶと、その箇所へ移動できます。
オンラインストアのブログ記事では、次のように目次が表示されます。
本アプリでは、次のことができます。
ブログ記事に目次を表示できます。
Regular Planでは、商品、ページ、またはコレクションに目次を表示できます。
目次の色、余白、文字サイズ、表示位置を変更できます。
Light Plan以上では、開閉ボタン、目次の初期表示行数、目次の上下へのカスタムLiquidを利用できます。
特定のコンテンツだけ目次を非表示にできます。手順は「特定のコンテンツで目次を非表示」を確認してください。
プランごとの機能の比較は、「料金プランの違い」を確認してください。
ブログ記事はすべてのプランで表示できます。商品、ページ、コレクションはRegular Planが必要です。
ページ | 見出しの取得元 | 必要なプラン |
|---|---|---|
ブログ記事 | ブログ記事の本文 | すべてのプラン |
商品 | 商品の説明文 | Regular Plan |
ページ | ページの本文 | Regular Plan |
コレクション | コレクションの説明文 | Regular Plan |
目次の対象となるのは、本文のリッチテキストで見出しとして設定した h1〜h6 です。「利用する見出し」の初期値は h2 と h3 です。テーマのセクションやページビルダーで追加した見出しは、目次の対象になりません。
トップページ、ブログ一覧、検索結果など、ブログ記事・商品・ページ・コレクション以外のテンプレートは、目次を表示する対象にはなりません。
見た目や利用する見出しを変更する方法は、「目次のカスタマイズの設定項目」を確認してください。
目次の表示方法は、アプリブロックと埋め込みアプリの2種類です。Online Store 2.0対応テーマでは、アプリブロックを使用してください。以前のテーマでは、埋め込みアプリを使用します。
目次の位置は、「最初の見出しの上」「テーマエディタで指定 (Online Store 2.0専用)」「class名を指定」から選べます。詳しい使い分けは、「アプリブロックと埋め込みアプリの違い」を確認してください。
目次の表示は、「初期セットアップ」から始めてください。最初はブログ記事への表示から進めます。商品、ページ、コレクションに表示する場合はRegular Planが必要です。