Using components

Using components empowers the web team with greater flexibility to achieve diverse web objectives. You can display multiple data sets—like promo groups, events and news—on a single page by adding custom page fields for each component. The available components are listed in this menu.

For adding multiple components of the same type (e.g., two accordions on a page), simply increase the number in the page field. For instance, use modular-accordion-1 and modular-accordion-2 to include two accordions.

As for changing the order of components, the current method involves manually copying and pasting data in the desired sequence. We're actively working on a more efficient way to rearrange page fields, streamlining the process for easier reordering.

Configuring components

You will use a JSON array paired with your page field to configure each component. The specifics of each component can be found on the individual component page from the menu.

Example component configuration

Adding this data set into your CMS page fields area will display your promo data as a catalog component.

modular-catalog-1

{
"id":000000,
"heading":"Example component appearance",
"columns":3,
"showExcerpt":true,
"showDescription":false,
"singlePromoView":true,
"config":"randomize|page_id|limit:5"
}

JSON data explained

Legend: * Designates a required configuration.

All available components