friendsoftypo3headless / headless-backendlayouts
This extension adds a serialized JSON of the TYPO3 backend layout to the TYPO3 headless appearance key
Fund package maintenance!
www.paypal.me/hardanders
www.paypal.me/derseeli
Installs: 793
Dependents: 0
Suggesters: 1
Security: 0
Stars: 0
Watchers: 2
Forks: 1
Open Issues: 3
Type:typo3-cms-extension
Requires
- typo3/cms-core: ^11.5
Suggests
- friendsoftypo3/headless: ^3.0
This package is auto-updated.
Last update: 2024-10-05 15:31:41 UTC
README
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"
}
]
}
]
...
}