Overview
You probably know that BPD websites come equipped with a clean, well-organised news article layout right out of the box. But what if you've got additional content to display in your articles? Or what if you'd prefer a customised page layout, completely unique to your site?That's where the zoned layout option comes in! By using zoned article layout, you can present your article content in the layout of your choice, with content arranged as you please.
| Zoned Layout | Non-Zoned Layout |
|---|---|
|
|
This guide will outline how to enable the zoned layout for your article detail page.
Step-by-step guide
1. Update the Feature setting to use Zoned Article Layout.
- Navigate to Settings → Feature Settings.
- Edit the 'Articles' feature.
- Tick the option to 'Use Zoned Article Template'.
- Click 'Save & Exit'.
2. Customise the Article Page Zoned template:
- Navigate to Content → Standard Pages.
- Select the 'Article Page Zoned' template.
- The default widgets will be present on the template.
- Drag and drop widgets to re-order them, or add and delete widgets as needed. For example, add an HTML Snippet widget to display a chat icon in the corner of every news article.
- Edit the options for existing widgets if required.
- To change the layout of the page, click 'Change' in the layout preview panel. Follow our Custom Layout Creator guide for instructions on how to create your own page template!
- Refresh your article list page (in another browser or incognito window) to see the changes reflected.
If you wish to display your articles in a slider format (rather than as a static list), simply replace the Article List All widget with the Article Slider widget on the 'Article List Page' template. Please note however, that the Article Slider will only support the standard list item fields - zoned layout is not available.
Related articles
