Lesson 3 — Website navigation with TypoScript

Prerequisites and goals

Prerequisites

Theoretical prerequisites

This lesson assumes that you already know the following:

  • Understand the structure of PAGE object and its configuration options in TypoScript
  • Master the concepts of fluid templates integration with TypoScript
  • Learn about content rendering configurations and template paths
  • Understand how to manage static and dynamic page elements through TypoScript

Practical prerequisites

Before you start this lesson, please have the following things ready:

  • Successfully create and configure a basic page template using TypoScript
  • Set up proper template file paths and configurations for Fluid templates
  • Demonstrate proficiency in integrating content elements within templates
  • Apply proper template inheritance and override techniques

Goals

Theoretical goals

By the end of this lesson, you should know the following:

  • Understand the HMENU object and its various menu types in TypoScript
  • Master the concepts of menu states and special menu configurations
  • Learn about breadcrumb navigation implementation and customization options
  • Understand how to handle multi-level navigation structures in TYPO3

Practical goals

By the end of this lesson, you should have completed the following:

  • Successfully create and configure main navigation menus using TypoScript
  • Build and customize breadcrumb navigation for different page types
  • Demonstrate proficiency in handling special menu items and states
  • Apply proper styling and behavior configurations to navigation elements

Learning resources

<https://docs.typo3.org/p/georgringer/news/main/en-us/Tutorials/BestPractice/BreadcrumbMenu.html>`__

Teacher's instructions

Student's instructions