This article details how to add templates, modules, and layouts.
Topics covered here:
Selecting a template
On new pages, producers must take two steps to select a template:
The default template is the Blank Template, without a structure.
- Select
-
Blank Template if you need no template:
-
Choose template, to list the available templates:
-
Blank Template if you need no template:
- Select the template you want to apply, and the page automatically updates:
Using layouts and modules
Then, add either a layout or module, by:
- Adding a layout into an available slot in your template:
- Adding a module into an available slot in your layout:
Note: We advise against adding a layout into another layout as it overcomplicates the page structure.
How to edit modules
Modules have a dual purpose:
- Select the content the front-end must render within a page.
- Describe how the front-end should render the selected content.
Each module sorts content for a specific type of entity. There are modules for stories, albums, custom entities, etc. Each module has a specific configuration, e.g., the Common - Article module links the page to a determined story through its slug:
How to copy, move, and delete modules
After creating a module, you can copy or move it. Perform these actions by taking the following steps:
- Select the three dots icon in the top-right corner of your module:
- Select the relevant action:
Note: Copy/paste modules from one page to another to save time.
How to copy layouts
Hover over a layout. In the layout top-right, the copy icon displays:
Select the copy icon. Then, on the same page or another one, choose the blue slot where you can paste the copied layout:
If the producer selects the latest slot, the pasted layout is added there with all the nested content — modules and other layouts:
How to link a menu
When templates, layouts, and modules have a menu parameter, producers can directly link to the menu.
There are two ways to link a menu:
- Start typing into the menu property box and select the suggested menu path:
- Select the @ icon to enter a variable and write the variable with the menu path:
In the example above, the @mainmenu variable is defined as follows: