Bento box tutorial
The Bento box container content type is the container for the Bento box item content type. A Bento box item represents an individual box within the container and up to 9 can be displayed per container. This guide covers both content types
Creating sections
Below is the structure for the Bento box. It contains a Parent section and a single child section. The parent section will hold the the Bento box container. The child section will hold the the individual Bento box item content types.
- Create the parent section and child section first (i.e. the pages).
- Then add the Bento box item CTs to the child section.
- Then add the Bento box container CT to the parent section.
It is recommended to follow the steps in the above sequence. The Select Child Section field in the Bento box container is mandatory (see the ). If there is no child section to link to then the CT can't be saved.
Bento box item
Image showing a child section with 6 Bento box items
Image showing a Bento box item
Bento box container
Bento box item Content Type
ID: 458
Name: Bento box item
Description: Individual item (box) that will be displayed by the bento box container
Content Element Details
Name | Description | Size | Type | Required |
---|---|---|---|---|
Name | The Name element | 80 Characters | Plain Text | true |
Title | Bento box title. Use <br> to shift text to a new line. | 120 Characters | Plain Text | false |
Background image | Optional background image for bento box item | 80 Characters | Media | false |
Icon | Bento box icon (jpg or png) | 80 Characters | Media | false |
Popup title | Optional popup title | 80 Characters | Plain Text | false |
Popup description | Optional description | 700 Characters | Html | false |
Bento box item
Image showing a child section with 6 Bento box item content types. Up to 9 can be output per container.Below is an image showing a Bento box item
Bento box container Content Type
ID: 457
Name: Bento box container
Description: This is the container to house all bento box items. Up to 9 items can be output per container.
Content Element Details
Name | Description | Size | Type | Required |
---|---|---|---|---|
Name | The Name element | 80 Characters | Plain Text | true |
Title | 80 Characters | Plain Text | false | |
Select Child Section | 80 Characters | Section/Content Link | true |
Bento box container
An image showing a Bento box container. Please note Select Child Selection field is mandatory so you must first create the child section.