Versions Compared

Key

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

...

Multiexcerpt
MultiExcerptNameFeature Overview


Excerpt

BPD websites come equipped with a clean, well-organised 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 a zoned article layout, you can present your article in the layout of your choice, with content arranged as you please.




Image Removed
Zoned LayoutUser-defined zoned layoutNon-Zoned Layoutzoned (default) layout

Image Added


Info
titleDefault Layout

If the 'Use Zoned Article Template' is disabled in Article Feature Settings, then this default non-zoned layout is automatically used.



Step-by-step guide 

This guide will outline how to enable the zoned layout for your article detail pageszoned article template for use and create customised zoned layouts for article content

1. Enable Zoned Article Template Layout  

...

  1. Navigate to Content Pages & Templates Articles

  2. Click Edit for the Article Page Zoned template.


  3. The default widgets will be present in the template (Article Title, Article Image, Article Date, to name a few). Edit the options for existing widgets if required.
     
  4. To change the entire layout of the article page, click Change in the layout preview panel. 
     


  5. Select another layout or follow our Layout Creator guide for instructions on how to create your own custom article layout. In this example, an a built-in content layout was selected. Notice the various zones not available. 



  6. Drag and drop widgets to re-order them or move into different page zones, or add and delete widgets as needed. 


    For example, add an HTML Snippet widget to display

    Tip
    titleWant to add more content?

    If you want to add additional content, you can insert an HTML Snippet Widget into the appropriate page. For instance, you can add a company logo or chat icon in the corner of every news article.

     
    Load an


  7. Once you are finished, load the Article page in another browser or incognito window to see your changes. 

...