![[デモ] 商品説明に目次を表示する](http://ruffruff.app/cdn/shop/files/demo-table-of-contents-product.webp?v=1791866542&width=1000)
[Demo] Show a table of contents in the product description
What this demo shows
With RuffRuff Table of Contents, this product description shows a table of contents built from its headings. The headings on this page are the entries in that table of contents.
How to try it
- Find the table of contents in the product description.
- Choose one entry and check that the page moves to the matching heading.
What you should see
- The product description has headings → A table of contents lists those headings.
- You choose an entry → The page moves to that heading.
How to set it up
Add the Table of Contents app block from RuffRuff Table of Contents to the product page so the table of contents is built from the headings in the product description.
![[デモ] 商品説明に目次を表示する](http://ruffruff.app/cdn/shop/files/demo-table-of-contents-product.webp?v=1791866542&width=1000)
[Demo] Show a table of contents in the product description
Sale price¥1,000