Skip to main content
A layout is the basic framework of a web page. It defines which areas exist (e.g. header, content, footer), which CSS classes can be applied to content, and which custom CSS or JavaScript files are loaded. Typical layouts are b2b, b2c, Catalog, Login, or Webseite.

​
Layout list

Open Administration → Layouts. The list shows the description and code. Using the toolbar, you create a layout with + New, open it with Edit, or remove it with Delete.

​
Creating a new layout

Click + New and fill in the General area:
  • Code: Unique technical identifier
  • Description: Display name (up to 45 characters)
Save. You then maintain the details via Edit.

​
Editing a layout

Select a layout and click Edit. The editing view is divided into several areas. Each sublist has its own toolbar with + New, Edit, Delete, as well as Move up / Move down.
Code and description of the layout.
Predefined CSS modifier classes that you assign to individual rows or containers in the Builder. You use them to control, for example, spacing, alignment, background colors, or scroll behavior. Examples: “Row without spacing”, “Horizontally centered”, “Child elements same height”, “Background gray”, or “Load content in modal”.For each class, you maintain the Code (the CSS class) and Description (up to 80 characters). The description appears in the Builder for selection.
The named areas of a layout in which content and building blocks are placed. Examples: Content, Content above breadcrumb, Header Logo, Header Account, Header Search, Header Basket, Footer Info, Footer Copyright, as well as various shop areas (account home page, order completion, empty shopping cart).For each area, you maintain the Code and Description (up to 45 characters).
Custom CSS or JavaScript files for the layout. For each file, you define:
  • Path: Path to the file (selectable via Browse)
  • Active by default: Whether the file is loaded automatically (Yes/No)
By default, no records exist.
Save via Save or Save and close.

​
Deleting a layout

Open the layout via Edit and click Delete at the top, or select it in the list and use Delete in the toolbar.
Layouts are the basis for pages and templates. Only delete a layout if it is no longer in use.

Page Templates

Create blueprints for pages.

Websites

Create and manage websites.

Page Content

Insert content into layout areas.

Building Blocks

Recurring building blocks for layout areas.