Setting Up ScrollSpy Table of Contents

Overview

The Generator theme's Scroll Spy TOC blog post template includes a sidebar with a table of contents that builds itself automatically based on your header structure. When you first load the template, the sidebar appears empty — this is expected. The table of contents populates once you've added content and configured the ScrollSpy module.

Add your blog post content

Open the blog post template and locate the header section at the top. Below it, you'll find the content area — paste or type your blog post text here.

As you write, use consistent header hierarchy:

• Use Heading 2 for main section headers and Heading 3 for subheadings within those sections, or
• Use Heading 3 for main headers and Heading 4 for subheadings

This hierarchy is what the table of contents reads to build itself. The module cannot generate entries without properly structured headers.

Access the ScrollSpy TOC module

Because the module has no content yet, it's difficult to click directly in the page editor. Use the file tree instead:

1. In the left panel, click the file tree icon to open the contents inspector.
2. Find and click ScrollSpy TOC in the list. TOC stands for Table of Contents.

Configure header targets

With the ScrollSpy TOC module selected, set your header targets:

• MainHeaderTarget — set this to your main header level (H2 or H3). This field is required. The table of contents cannot build without at least a header target.
• Subheader Target — set this to your subheading level (H3 or H4), or set it to None if your post uses a simple header-paragraph-header-paragraph structure with no nested subheadings.

That's the entire setup. Once your content is in place and the header targets are configured, Generator automatically generates the full table of contents in the left sidebar — no manual entry required.