Site Settings

All configuration options are managed via TYPO3 Site Settings. This provides site-specific configuration and better caching behavior.

Configuration is done in your site's config/sites/<site-identifier>/settings.yaml file or via the TYPO3 backend in Site Management > Sites > Edit site > Settings.

Available Settings

Enable/Disable

frontendEdit.enabled

type: bool
Default: true

Enable or disable the frontend editing functionality for this site.

frontendEdit:
  enabled: true

Appearance Settings

frontendEdit.colorScheme

type: string
Default: 'auto'

Choose the color scheme for the frontend editing UI. Options: auto (follows system preference), light, dark.

frontendEdit:
  colorScheme: 'auto'

frontendEdit.showContextMenu

type: bool
Default: true

Show the Edit Menu with additional actions (edit page, hide, move, history). Disable to show only the edit button.

frontendEdit:
  showContextMenu: true

frontendEdit.showStickyToolbar

type: bool
Default: true

Show the Toolbar with page editing options and toggle functionality.

frontendEdit:
  showStickyToolbar: true

frontendEdit.toolbarPosition

type: string
Default: 'bottom-right'

Choose the position for the Toolbar.

Available options:

top-left, top-center, top-right
bottom-left, bottom-center, bottom-right
left-top, left-center, left-bottom
right-top, right-center, right-bottom

frontendEdit:
  toolbarPosition: 'bottom-right'

frontendEdit.enableOutline

type: bool
Default: true

Show an outline around content elements when hovering over them.

frontendEdit:
  enableOutline: true

frontendEdit.enableScrollToElement

type: bool
Default: true

Automatically scroll to the edited content element after saving and returning to the frontend.

frontendEdit:
  enableScrollToElement: true

Filter Settings

frontendEdit.filter.ignorePids

type: string
Default: ''

Comma-separated list of page IDs (and their subpages) where frontend editing should be disabled.

frontendEdit:
  filter:
    ignorePids: '1,2,3'

frontendEdit.filter.ignoreDoktypes

type: string
Default: ''

Comma-separated list of page types (doktype) where frontend editing should be disabled. Common doktypes: 1 (Standard), 3 (External URL), 4 (Shortcut), 6 (Backend User Section), 7 (Mount Point), 199 (Menu Separator), 254 (Folder), 255 (Recycler).

frontendEdit:
  filter:
    ignoreDoktypes: '4,199,254'

frontendEdit.filter.ignoreCTypes

type: string
Default: ''

Comma-separated list of content types (CType) to exclude from frontend editing.

frontendEdit:
  filter:
    ignoreCTypes: 'html,div'

frontendEdit.filter.ignoreListTypes

type: string
Default: ''

Comma-separated list of plugin types (list_type) to exclude from frontend editing.

frontendEdit:
  filter:
    ignoreListTypes: 'news_pi1'

frontendEdit.filter.ignoreUids

type: string
Default: ''

Comma-separated list of specific content element UIDs to exclude from frontend editing.

frontendEdit:
  filter:
    ignoreUids: '100,200,300'

Example Configuration

Full example with all available options:

config/sites/my-site/settings.yaml

frontendEdit:
  enabled: true
  colorScheme: 'auto'
  showContextMenu: true
  showStickyToolbar: true
  toolbarPosition: 'bottom-right'
  enableOutline: true
  enableScrollToElement: true
  filter:
    ignorePids: '1,2,3'
    ignoreDoktypes: '4,199,254'
    ignoreCTypes: 'html,div'
    ignoreListTypes: ''
    ignoreUids: ''