Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

Just exceptional. Thank you so much, Jack, you smashed it.

— Hugo, Developer

Group Fieldtype

Organize the data by visually grouping related fields and assigning a distinct key to each group for clearer data structuring.

Group Fieldtype UI
The Group Fieldtype in action!

Overview

A group fieldtype is a simple container that holds additional fields you would like grouped visually as well as under a parent key.

Data Storage

In the screenshot above, the data structure for these fields will be as follows:

location:
address: 123 Main Street
city: Schenectady
zip: 12345

Templating

All fields inside a Group will be scoped under their parent key like so:

{{ location:address }}, {{ location:city }}, {{ location:zip }}
 
<!-- Will output... -->
123 Main Street, Schenectady, 1234
Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →