Automatic Table of Contents

  • Applicable Software: MokoOnyx (Template)
  • Applicable Version: Development

How It Works

MokoOnyx automatically generates a sticky Table of Contents (TOC) for articles that use the toc-left or toc-right article layout. The TOC is built from heading elements (h2, h3, h4) in your article content.

Enabling TOC

  1. Edit your article in Joomla.
  2. Under Options > Layout, select either toc-left or toc-right.
  3. The TOC will appear as a sticky sidebar on desktop and collapse on mobile.

Layout Options

  • toc-left - TOC sidebar on the left, article content on the right
  • toc-right - TOC sidebar on the right, article content on the left

Behaviour

  • The TOC uses Bootstrap ScrollSpy to highlight the active section as the user scrolls.
  • On mobile (below 992px), the TOC collapses above the article content.
  • Headings without text content are automatically excluded.

Article Metadata Footer

When an article has Joomla custom fields assigned, a metadata footer is automatically rendered below the content. Fields are grouped by their field group and displayed in a responsive grid layout.