Page
Use the Page content type to add content to your website. When adding the page, you can create both the page and the accompanying teaser.
Because pages across brands vary in layout, a layout canvas has been provided to allow brands to achieve their required layouts. See examples for a better understanding of how this can be used.
- Overview
- Specification
- Style Guide Manager
- Examples in-situ
- Usage
Page
This provides guidance on the build, layout and content options for this content type.
Layout specification
| Content type item | Requirement & purpose | Optional or mandatory | CMS options |
|---|---|---|---|
| Title | Allows the user to add a title to the Page. | Mandatory | Input field. |
| Layout Canvas | Allows the user to utilise all available components to achieve the brand designs. | n/a | A dropzone. |
Page teaser
| Component item | Requirement & purpose | Optional or mandatory | CMS options |
|---|---|---|---|
| Image | Allows the user to upload a page image. | Mandatory | Image upload, image alt text input, image title input. |
| Teaser Title | Allows the user to set a title for the page teaser. | Mandatory | Text input. |
| Summary | Allows the user to add a product summary to the page teaser. | Mandatory | WYSIWYG. |
These are the Style Guide Manager settings that are specific to this content type. For global settings see the Style Guide Manager section.
Page
There are no style guide settings for this.
Page teaser
| Property | Requirement & purpose | Default | SGM override |
|---|---|---|---|
| Heading element | Sets H2, H3, H4 or H5 on the Page teaser site wide. | H4 | Select heading element. |
| Heading colour | Sets the site wide colour for the Page teaser heading. | Black | Choose from colour palette. |
| Link style | Sets the site wide link style for the Page teaser. | Primary text link | Choose from text link and button styles. |
| Background colour | Sets the site wide background colour for the Page teaser. | White | Choose from colour palette. |
| Border width | Sets the site wide border width for the Page teaser. | n/a | Choose width within range slider. |
| Border colour | Sets the site wide border colour for the Page teaser. | n/a | Choose from colour palette. |
| Border radius | Sets the site wide border radius for the Page teaser. | n/a | Text input (e.g 8px). |
| Drop shadow | Sets the site wide drop shadow for the Page teaser. | Off | On/off. |
| Horizontal alignment | Sets the horizontal alignment of the content for the Page teaser | Left | Select from dropdown. |