Page History

...

 This guide will outline how to enable and use the zoned layout for an article list. 

Step-by-step guide

1. Update the article list widget

Either the Article List Widget or the Article List All Widget

...

will be in use for the article list page. Edit for the relevant widget.  

Article List All Widget

1. In the CMS, navigate to Content → Pages & Templates → Articles.
   
   
2. Select the Article List Page template.
    
3. Locate the Article List All widget and Widget and click Edit.
    
4. Select the Zoned Functions tab, and toggle on Use Zoned Article Layout?. 
   
5. Set your layout preference - toggle on Show As List? to display the articles in a vertical list, or leave the option disabled to display tiles in a grid formation.
   
   
6. Configure other widget options as required. (See Article List All Widget help.)
   
   
7. To save these settings, click Save.

Article List Widget

1. In the CMS, navigate to Content → Pages & Templates → Articles.
   
   
2. Select the Article List Page template.
    
3. Locate the Article List Widget and click Edit.
    
4. Toggle on Use Zoned Article Layout?. 
   Image Added
5. Configure other widget options as required. (See Article List Widget help.)
   
   
6. To save these settings, click Save.

2. Customise the Article List Item Zoned template 

Once you have toggled on Use Zoned Article Layout? for the article list widget in use, the arrangement of the article list sections will be determined by the layout in the Article List Item Zoned template. This template can be edited.  

1. Navigate to Content → Pages & Templates → Articles.
    
2. Select the Article List Item Zoned template.
   
   
3. The template's default widgets will be present.
    
4. Drag and drop widgets to re-order them, or add and delete widgets as needed. 
   
   
5. Refresh your article list page (in another browser or incognito window) to see the changes reflected. 

...

Related help

...