friendsoftypo3headless/headless-backendlayouts

This extension adds a serialized JSON of the TYPO3 backend layout to the TYPO3 headless appearance key

1.0.2 2022-03-28 13:24 UTC

This package is auto-updated.

Last update: 2024-02-05 14:12:03 UTC


README

SWUbanner

Latest Stable Version Total Downloads Latest Unstable Version License PHP Version Require

TYPO3 Extension "headless_backendlayouts"

Adds a serialized JSON of the TYPO3 backend layout to the "EXT:headless" extension appearance key

Requirements

Extension requires TYPO3 in version at least 11.5 and "EXT:headless" ^3.0

TYPO3 Installation

Install extension using composer
composer require friendsoftypo3headless/headless-backendlayouts

and then, include TypoScript template, and you are ready to go.

Example output:

{
  ...
  appearance: {
    ...
    pageContentRows": [
    {
      "type": "row",
      "tag": "header",
      "children": [
        {
          "type": "col",
          "name": "Header Content",
          "contentColPos": "colPos3",
          "colPos": "3",
          "colspan": 12,
          "tag": null
        }
      ]
    },
    {
      "type": "row",
      "tag": null,
      "children": [
        {
          "type": "col",
          "name": "Example Content Column",
          "contentColPos": "colPos8",
          "colPos": "8",
          "colspan": 12,
          "tag": null
        }
      ]
    },
    {
      "type": "row",
      "tag": null,
      "children": [
        {
          "type": "col",
          "name": "Example Content Column",
          "contentColPos": "",
          "colPos": "0",
          "colspan": 12,
          "tag": null
        }
      ]
    },
    {
      "type": "row",
      "tag": "aside",
      "children": [
        {
          "type": "col",
          "name": "Example Content Column",
          "contentColPos": "colPos9",
          "colPos": "9",
          "colspan": 12,
          "tag": null
        }
      ]
    },
    {
      "type": "row",
      "tag": "footer",
      "children": [
        {
          "type": "col",
          "name": "Footer Content Left",
          "contentColPos": "colPos10",
          "colPos": "10",
          "colspan": 4,
          "tag": null
        },
        {
          "type": "col",
          "name": "Footer Content Middle",
          "contentColPos": "colPos11",
          "colPos": "11",
          "colspan": 4,
          "tag": null
        },
        {
          "type": "col",
          "name": "Footer Content Right",
          "contentColPos": "colPos12",
          "colPos": "12",
          "colspan": 4,
          "tag": "div"
        }
      ]
    }
  ]
  ...
}

Developers involved in the project