Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

 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 in use

You will be using either the Article List Widget or the Article List All Widget to render the article list page. Edit for the relevant widget.  

Article List All Widget

  1. In the CMS, navigate to ContentPages & Templates → Articles.

  2. Select the Article List Page template.
     
  3. Locate the Article List All Widget and click Edit.
     
  4. Select the Zoned Functions tab, and toggle on Use Zoned Article Layout?. If this is enabled, the Article List Item Zoned template is used. (See Step 2 below.)
  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.

    Show as ListShow as Grid

    Image Modified

    Image Modified



  6. Configure other widget options as required. (Refer to Article List All Widget help.)

  7. To save your settings, click Save.

...

  1. In the CMS, navigate to ContentPages & 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?


  5. When Use Zoned Article Layout? is enabled, you can change the article list layout by clicking Change in the Layout panel.
     

  6. Change the layout as you require. Refer to Layout Creator for detailed help.

  7. Once you have returned to the Article List Page Template screen, move, add, delete and edit widget options as required. (See Article List Widget help.)

  8. To save these settings, click Save.

...