Image Split Block
A page slice with an image on one side and copy on the other. The image can be full bleed, and positioned on the left or tight.
Use
- In Contentful, add an Image Split Block component to a page
- Enter in the required fields
- If you don't want a CTA, don't enter the CTA fields, they are not required
What it looks like
The background colour can be one of the predefined background colours. These are pre-set and may not be edited online.
What can be customised via the CMS
- Heading
- Copy
- Image
- CTA - background, link, and label
- Analytics
- Event Category
- Event Label
- Event Action is always "click"
- Full bleed image?
- Makes the image larger
- Image on left?
- Moved the image to the left of the slice
- Full width background?
- Makes the background colour stretch to the width of the browser window and removes the whitespace below to allow stacking of coloured blocks
Preview
This component has multiple customisations, a few variants are provided below: