Templates & Widgets

With the Templates & Widgets you can start to build a new page. You’ll set up website's layout/s and add custom functionalities. So let's go through it. First, create a root for the layouts, pages, emails, widgets.

The same way as the data is rendered is it also parsed and stored. The entire flow contains 3 steps: render HTML --> manipulate HTML by the content manager (send it back) --> parse, extract data and store it in the database.

Tabs

On the right side of the screen you can find tabs - they are the same for each file - Details, HTML, Attributes, Editors, View Mapping, Controller, Parse Mapping, Parser.

  • Details - add name, icon and description.
  • HTML - write / paste and edit HTML code assigned to the layout, page, widget, email.
  • Attributes - Set up attributes for the page or widget. See tutorial.
  • Editors - Decide what and how will be editable by Content Editor. Insert CSS selector, choose Editors.
  • View Mapping - set up how will be content saved and viewed.

    Note: Click on the JSON button to view the code. Ideal in the case you want to write code or copy&paste settings.

  • Controllers - set up how the assets are displayed, such as menu or attributes, etc.
  • Parser Mapping - in case you need to display external data (e.g. data from ecommerce manager) use the Parser Mapping to set up its view.
  • Parser - is like the controller; it can modify data before the storing but cannot change the response.