Templates and data-driven layouts

Build styled tables and repeating templates that render one instance per data row.

Last updated About 3 hours ago

A repeating template maps a layout to data so it renders one styled instance per row β€” the basis of menus, price lists and product grids.

The table / template picker

Adding a Table (or editing a template) opens a multi-tab editor:

  • Columns β€” build up to eight columns, each with a heading and a bound field; media fields are flagged. Add/remove columns.
  • Data β€” choose the data type (Product List / Feed / Table), connect an existing source or create a new source, and (under Advanced) Add missing fields or recreate the source.
  • Fields β€” map each child layer (text/image/video) to a source field.
  • Style β€” set each text layer to Auto or Manual styling.
  • Layout β€” the grid geometry: max items, auto-rows and max rows with row padding, auto-columns and max columns with column padding, fill-direction, and auto-fit/auto-grid.

Inline table editing supports adding and deleting rows and shows the source row alongside the rendered rows. The underlying product/feed data is edited in the Feeds and Products areas; the editor binds to it via the Data tab.