Table of Contents

What this section does

Auto-generated table of contents from headings

Where it goes

• Can be used at most 1 time(s) on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Inline

  Freeinline

  Compact inline TOC block

  Specific to this style: title, showNumbers, maxDepth, accentColor, textColor, paddingY

• Card

  Freecard

  TOC in a styled card with border

  Specific to this style: title, showNumbers, maxDepth, accentColor, textColor, cardBg, cardBgOpacity, cardBgBlur, minHeight, paddingY

• Sticky Sidebar

  Page Editorsticky-sidebar

  Floating TOC rail that follows scroll on the side

  Specific to this style: title, showNumbers, maxDepth, accentColor, textColor, cardBg, cardBgOpacity, cardBgBlur, minHeight, paddingY

• Pill Row

  Page Editorpill-row

  TOC entries as a horizontal wrapping row of clickable jump pills

  Specific to this style: title, showNumbers, maxDepth, accentColor, textColor, paddingY

• Numbered Stack

  Page Editornumbered-stack

  Editorial vertical list with large numbered markers (01, 02, …)

  Specific to this style: title, showNumbers, maxDepth, accentColor, textColor, paddingY

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height